生成缩短类名答案

【问题标题】：Generate Shorten classnames生成缩短类名
【发布时间】：2016-05-27 11:47:15
【问题描述】：

如何在 html 和 css 文件中缩短类名

我有这个类名

.profile-author-name-upper

想改成这样

.p-a-n-u

或

.panu

我正在使用 js 任务运行器 GruntJS

【问题讨论】：

如果您使用它来节省一些带宽字节 - 这绝对不值得，因为它需要非常复杂的工作流程。您不仅需要过滤掉css和html，还需要过滤掉JS，因为它也可以$('.profile-author-name-upper').hide();。

标签： html css gruntjs css-selectors

【解决方案1】：

所以你需要的是丑化这只是tutorial 的一部分，我从 grunt-contrib-uglify grunt plugin

在线复制

简单配置

npm install grunt grunt-contrib-uglify --save-dev

这将在你的 node_modules devDependencies 中安装 grunt 和 uglifyjs 以及更新 package.json

在您的 Gruntfile.js 中：

module.exports = function(grunt) {
    grunt.initConfig({
      uglify: {
        my_target: {
          files: {
            'dest/minified.js': ['src/jquery.js', 'src/angular.js']
          }
        }
      }
    });
    grunt.loadNpmTasks('grunt-contrib-uglify'); // load the given tasks
    grunt.registerTask('default', ['uglify']); // Default grunt tasks maps to grunt
  };

从命令行：

*$ 咕噜声运行“uglify:my_target”（uglify）任务

已创建 1 个文件。完成，没有错误*

【讨论】：

Uglify 是用于 javascript，这家伙想缩短他的 html/css 类选择器。
是的，我想要 html/css 类选择器。