CSS uglify — Grunt 任务答案

【问题标题】：CSS uglify — Grunt taskCSS uglify — Grunt 任务
【发布时间】：2014-09-24 01:34:13
【问题描述】：

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

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

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

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：