Наш проект из статьи Создаём минимальный проект на БЭМ c нуля умеет генерировать только HTML. Теперь настало время добавить генерацию CSS файлов.
Ставим пакет enb-технологий для для сборки CSS-файлов enb-css
1 | $ npm install --save-dev enb-css |
Пакет имеет исчерпывающую документацию, поэтому подробно на опциях останавливаться не буду.
Просто добавим его в .bem/make.js
1 | var techs = { |
Так же подключим наш файл в bemjson
1 | module.exports = { |
После сборки бандла получим сгенерированный файл index.css
в котором будут стили использованных компонентов либо в виде инклюдов, любо прямо заинлайненными.
Компоненты из пакета bem-components теперь выглядят оформленными в соответствии со стилями поставляемыми вместе с ними в комплекте.
Комментарии