bem/bem-tools
-
Блок -- это набор файлов -- реализаций блока в различных технологиях.
Блок -- это набор файлов -- реализаций блока в различных технологиях.
-
###### Создание блока
###### Создание блока
-
bem create block b-my-block
bem create block b-my-block
-
По умолчанию блок создаётся с набором файлов для всех технологий по-умолчанию (`bemhtml`, `css`, `js`).
По умолчанию блок создаётся с набором файлов для всех технологий по-умолчанию (`bemhtml`, `css`, `js`).
-
###### Создание блока в определённой технологии
###### Создание блока в определённой технологии
-
Использование флагов -t (-T) позволяет создавать файлы блока нужных технологий:
Использование флагов -t (-T) позволяет создавать файлы блока нужных технологий:
-
bem create block -t deps.js b-my-block // Создаст реализацию в технологии deps.js помимо дефолтных
bem create block -t deps.js b-my-block
// Создаст реализацию в технологии deps.js помимо дефолтных -
bem create block -T css b-my-block // Создаст только технологию CSS для блока
bem create block -T css b-my-block
// Создаст только технологию CSS для блока -
bem create block -T bem-bl/blocks-desktop/i-bem/bem/techs/bemhtml.js b-my-block // Флаг -T удобно использовать, если нужно добавить новую технологию для уже существующего блока
bem create block -T bem-bl/blocks-desktop/i-bem/bem/techs/bemhtml.js b-my-block
// Флаг -T удобно использовать, если нужно добавить новую технологию для уже существующего блока -
В качестве значения флага может быть указано название технологии (например, `css`) или путь до модуля технологии.
В качестве значения флага может быть указано название технологии (например, `css`)
или путь до модуля технологии. -
Названия технологий могут быть указаны в файле `.bem/level.js` уровня переопределения. Например, https://github.com/bem/bem-bl/blob/master/blocks-desktop/.bem/level.js
Названия технологий могут быть указаны в файле `.bem/level.js` уровня переопределения.
Например, https://github.com/bem/bem-bl/blob/master/blocks-desktop/.bem/level.js -
Примеры реализации модулей технологий можно увидеть в репозитории:
Примеры реализации модулей технологий можно увидеть в репозитории:
-
https://github.com/bem/bem-tools/tree/master/lib/techs
https://github.com/bem/bem-tools/tree/master/lib/techs
-
###### Создание элемента блока
###### Создание элемента блока
-
Создание элемента `elem` для блока `b-my-block`
Создание элемента `elem` для блока `b-my-block`
-
bem create elem -b b-my-block elem
bem create elem -b b-my-block elem
-
###### Создание модификатора блока или элемента
###### Создание модификатора блока или элемента
-
Создание модификатора `mod` для блока `b-my-block`
Создание модификатора `mod` для блока `b-my-block`
-
bem create mod -b b-my-block mod
bem create mod -b b-my-block mod
-
Создание модификатора `mod` в значении `val` для блока `b-my-block`
Создание модификатора `mod` в значении `val` для блока `b-my-block`