BonBonSlick
@BonBonSlick
Vanilla Web Architect

Combine / group together multiple css classes into one?

https://vue-loader.vuejs.org/guide/css-modules.htm...
https://webpack.js.org/loaders/css-loader/

Работая с css модулями подумал вот что, в результате обфускации выходит что-то типа такого
<section class="classHash classHash classHash classHash"></section>


Хотелось бы скомбинировать все классы в один как сделано в instagram
<section class="classHash"></section> // большая часть классов такие


То есть, все параметры классов обьеденены в один.

Как такое реализовать?
Есть ли уже пакет или каой конфиг для webpack, vue.js?
Или пилить самому?

Если делать самому, скорее всего надо будет копать css-loader и допиливать его.
  • Вопрос задан
  • 70 просмотров
Пригласить эксперта
Ответы на вопрос 1
Разный подход к реализации стилей оформления! И первый вариант и второй вполне приемлемый и имеет право на свое существования. В зависимости от уровня и сложности проекта как раз и возникает необходимость использования разных методов.
Не буду писать много слов, пытаться собрать их в предложения, отвечу коротко:
1) Дробление стилей часто необходимо, если проект большой и использование стиля многократно, чтобы не делать дубляж (тут речь уже идет о оптимизации) дробят стили. Обычно дробление идет: цвет, шрифт, заливка, отступы, расположение.
2) Если проект не большой и у вас один и то-же блок встречается не часто, то одного стиля всегда достаточно.

Автоматически не сделает ваш ни один сервис, могут быть цикличности - и это приведет рекурсии построения результата.
Не знаю, получилось ли мысль донести! старался:)
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы