CSS uglify — грубая задача

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

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

У меня есть папка index.html, main.css и views/ с кучей файлов HTML — я хочу испортить все имена классов CSS во всех эти файлы, потому что я использую нотацию имени класса БЭМ, поэтому мои имена классов CSS довольно длинные.


person artuska    schedule 31.07.2014    source источник


Ответы (2)


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

person tadatuta    schedule 01.08.2014
comment
Итак, почему Google убрал все классы CSS везде в своих сервисах? А может быть, это только в Gmail, но все равно… - person artuska; 01.08.2014
comment
@artuska, CSS создается GWT, а не пишется от руки. - person Samuel Neff; 17.08.2014
comment
какой смысл уродовать JS, если не делать длинные имена короче, чтобы вы меньше загружали в GZip? - person Toni Leigh; 11.11.2015

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

https://github.com/fmarcia/UglifyCSS

person Samuel Neff    schedule 01.08.2014
comment
Что ж, эта библиотека не искажает CSS. - person artuska; 01.08.2014