CSS uglify - Grunt задача

Интересно, есть ли какие-нибудь задачи Grunt, которые уродуют CSS? Как и в коде GMail - все имена классов случайные 2-3 буквы.

Я использую задачу Grunt AngularJS и grunt-angular-templates для объединения всех шаблонов в представлениях / папках в один файл templates.js $ templateCache и хочу сделать этот файл как можно меньшего размера.

У меня есть index.html, main.css и views / folder с кучей HTML-файлов - я хочу увеличить все имена классов CSS во всех этих файлах, потому что я использую нотацию имен классов BEM, поэтому мои имена классов CSS довольно долго.

2 ответа

Решение

Если единственная причина унизить это длина имен классов - просто не надо. gzip (используйте zopfli для лучшего результата) делает все эти длинные классы BEMish такими же 2-3 буквами, но на уровне сервера.

Вот библиотека для того, чтобы увеличить CSS. Если вы хотите использовать его в grunt, то оберните его в пользовательскую задачу grunt.

https://github.com/fmarcia/UglifyCSS

Другие вопросы по тегам