CSS uglify - Grunt任务

时间:2014-07-31 22:49:14

标签: angularjs gruntjs grunt-contrib-uglify bem uglifycss

我想知道是否有任何使用CSS的Grunt任务?与GMail代码一样 - 所有类名都是随机的2-3个字母。

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

我有一堆HTML文件的 index.html main.css views / 文件夹 - 我想要uglify所有CSS类所有这些文件中的名称,'我使用BEM类名称表示法,因此我的CSS类名称相当长。

2 个答案:

答案 0 :(得分:1)

这是一个uglify css的库。如果你想在grunt中使用它,那么将它包装在一个自定义的grunt任务中。

https://github.com/fmarcia/UglifyCSS

答案 1 :(得分:1)

如果uglify的唯一原因是类名的长度 - 只是不要。 gzip(使用zopfli获得最佳结果)使得所有长BEMish类只有2-3个字母,但在服务器级别上。