bem/bem-tools
-
В терминах `bem-tools` страницы тоже блоки, директория со страницами является уровнем переопределения. Создать такую директорию можно так:
В терминах `bem-tools` страницы тоже блоки, директория со страницами
является уровнем переопределения. Создать такую директорию можно так: -
bem create level pages
bem create level pages
-
###### Создание уровня переопределения на основе существующего
###### Создание уровня переопределения на основе существующего
-
Команда `bem create level` позволяет использовать существующий уровень переопределения в качестве прототипа для создаваемого уровня.
Команда `bem create level` позволяет использовать существующий уровень переопределения
в качестве прототипа для создаваемого уровня. -
bem create level --level bem-bl/blocks-desktop blocks
bem create level --level bem-bl/blocks-desktop blocks
-
##### Блок
##### Блок
-
Блок -- это набор файлов -- реализаций блока в различных технологиях.
Блок -- это набор файлов -- реализаций блока в различных технологиях.
-
###### Создание блока
###### Создание блока
-
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
-
###### Создание элемента блока
###### Создание элемента блока