Как минимизировать имена классов CSS?

#vue.js #webpack

#vue.js #веб-пакет

Вопрос:

Мне очень нравятся длинные названия классов css, например,

 .my-super-epic-class__more-ecpic-class_active  

конечно, при таком подходе в scss размер файла очень неоптимизирован даже после cssnano / CleanCSS, так как плагины не изменяют имена классов. Я хочу получить код, который, например

 .my-super-epic-class .more-epic-class__the-most-epic-class_active {  cursor: help; }  

стал

 /*does it make sense for the optimizer to compress names to .a .b instead of .a .b__c_a?*/ .a .b {  cursor: help; }  

возможно ли это?

Комментарии:

1. Нет, это не имеет смысла. Имена классов обычно являются динамическими в приложении, это не может быть правильно обработано. Вы можете ожидать, что они будут эффективно сжаты во время передачи (gzip). В случае, если это не так, подумайте о том, чтобы не использовать BEM, потому что он многословен по замыслу.