1

我想知道是否有任何使 CSS 变得丑陋的 Grunt 任务？就像在 GMail 代码中一样——所有的类名都是随机的 2-3 个字母。

我正在使用 AngularJS 和 grunt-angular-templates Grunt 任务将 views/ 文件夹中的所有模板连接到单个templates.js $templateCache 文件，我想让这个文件尽可能小。

我有index.html、main.css和views/文件夹，里面有一堆 HTML 文件——我想丑化所有这些文件中的所有 CSS 类名，因为我使用 BEM 类名表示法，所以我的 CSS 类名相当长。

4

2 回答 2

1

如果 uglify 的唯一原因是类名的长度 - 那就不要。gzip（使用zopfli以获得最佳结果）使所有长 BEMish 类的长度都相同，但在服务器级别上只有 2-3 个字母。

于 2014-08-01T03:08:55.697 回答
1

这是一个丑化 css 的库。如果您想在 grunt 中使用它，请将其包装在自定义 grunt 任务中。

https://github.com/fmarcia/UglifyCSS

于 2014-08-01T00:42:20.280 回答