使用Grunt压缩HTML中的类名和ID

Question

<div class="aAA J-KU-Jg J-KU-Jg-K9" ></div>

Gmail使用的这种压缩方法的名称是什么，是否有一个grunt模块？ 此方法扫描每个js，css和html文件，并缩短类名和ID。

Answer 1

你可以给grunt-class-id-minifier：

grunt.initConfig({
    class-id-minifier: {
        simple: {
            options: {
                jsMapFile: 'tmp/simple/map.js',
                jsMapDevFile: 'tmp/simple/map.dev.js',
                minifyFilter: function (k, type) {
                    // type.id type.className
                    // J_ ignored in minified html
                    return /^J_/.test(k) ? false : true;

                },
                jsMapFilter: function (k, type) {
                    // className ignored in js map
                    return !!type.id;
                }
            },
            files: [
                {
                    expand: true,
                    cwd: 'test/fixtures/simple/',
                    src: '*.{html,css}',
                    dest: 'tmp/simple/'
                }
            ]
        }
    }
});

https://www.npmjs.com/package/grunt-class-id-minifier