Пакет предоставляет следующие технологии:
- для сборки BH-шаблонов: bh-bundle или bh-commonjs;
- для генерации HTML: bemjson-to-html.
Собирает bh.js
-файлы блоков и ядро в один файл — ?.bh.js
-бандл, который используется для работы как в браузере, так и в Node.js. После сборки не требует подключения исходных файлов шаблонов.
Поддерживает модульные системы YModules и частично CommonJS, так как в bh.js
-файлах функция require
не будет работать корректно.
Если в исполняемой среде нет ни одной модульной системы, то модуль будет предоставлен в глобальную переменную BH
.
Опции указываются в конфигурационном файле (.enb/make.js).
Тип: String
. По умолчанию: ?.bh.js
.
Имя скомпилированного файла, куда будет записан результат сборки необходимых bh.js
-файлов проекта.
Тип: String
. По умолчанию: ?.files
.
Имя таргета, откуда будет доступен список исходных файлов для сборки. Список файлов предоставляет технология files пакета enb-bem-techs.
Тип: String | String[]
. По умолчанию: ['bh.js']
.
Суффиксы файлов, по которым отбираются файлы с BH-шаблонами для дальнейшей сборки.
Тип: String
. По умолчанию: require.resolve('bh/lib/bh.js')
.
Путь к файлу с ядром BH.
Следует использовать, если необходима нестандартная версия шаблонизатора BH.
Предупреждение: технология bh-bundle гарантирует правильную работу только с шаблонизатором BH версии 4.1.0
Тип: Boolean
. По умолчанию: false
.
Построение карт кода (source maps) с информацией об исходных файлах. Карты встраиваются в скомпилированный файл ?.files
, а не хранятся в отдельном файле с расширением .map
.
Тип: Object
. По умолчанию: {}
.
Задает имена или пути для подключения внешних библиотек в пространстве имен bh.lib
— bh.lib.name
.
Принцип работы описан в разделе Подключение сторонних библиотек.
Тип: String | String[]
. По умолчанию — ['bh']
.
Задает имена новых переменных.
Принцип работы описан в разделе Мимикрия под BEMHTML.
Тип: String
. По умолчанию: template
.
Задает область видимости для исходного кода шаблонов.
Возможные значения:
template
— изолирует выполнение шаблонов друг от друга;global
— позволяет выполнять шаблоны в общей области видимости.
Тип: Object
. По умолчанию: {}
.
Настраивает шаблонизатор BH с помощью переданных опций.
Возможные настройки описаны в документации шаблонизатора.
Пример
var BHBundleTech = require('enb-bh/techs/bh-bundle'),
FileProvideTech = require('enb/techs/file-provider'),
bemTechs = require('enb-bem-techs');
module.exports = function(config) {
config.node('bundle', function(node) {
// Получаем FileList
node.addTechs([
[FileProvideTech, { target: '?.bemdecl.js' }],
[bemTechs.levels, levels: ['blocks']],
bemTechs.deps,
bemTechs.files
]);
// Создаем BH-файл
node.addTech(BHBundleTech);
node.addTarget('?.bh.js');
});
};
Собирает bh.js
-файлы блоков в один файл — ?.bh.js
-бандл, который используется для работы в Node.js. После сборки требуется наличие всех файлов, подключенных с помощью require
.
В шаблоны зависимости подключаются с помощью require
. Все пути обрабатываются относительно того файла, в котором прописан require
.
Результат сборки — ?.bh.js
-файл, который содержит подключения необходимых исходных bh.js
-файлов и файла ядра из node_modules
.
Опции указываются в конфигурационном файле (.enb/make.js).
Тип: String
. По умолчанию: ?.bh.js
.
Имя таргета, куда будет записан результат сборки необходимых bh.js
-файлов проекта — скомпилированный файл ?.bh.js
.
Тип: String
. По умолчанию: ?.files
.
Имя таргета, откуда будет доступен список исходных файлов для сборки. Список файлов предоставляет технология files пакета enb-bem-techs.
Тип: String | String[]
. По умолчанию: ['bh.js']
.
Суффиксы файлов, по которым отбираются файлы с BH-шаблонами для дальнейшей сборки.
Тип: String
. По умолчанию: require.resolve('bh/lib/bh.js')
.
Путь к файлу с ядром BH.
Следует использовать, если необходима нестандартная версия шаблонизатора BH.
Предупреждение: технология bh-commonjs гарантирует правильную работу только с шаблонизатором BH версии 4.1.0
и выше.
Тип: Boolean
. По умолчанию: true
.
Режим сборки, при котором каждое новое подключение собранного файла инициирует сброс кэша require
для всех внутренних файлов. Это позволяет видеть изменения в шаблонах без перезапуска Node.js.
Тип: String | Array
. По умолчанию: ['bh']
.
Задает имена новых переменных.
Принцип работы описан в разделе Мимикрия под BEMHTML.
Тип: Object
. По умолчанию: {}
.
Настраивает шаблонизатор BH с помощью переданных опций.
Возможные настройки описаны в документации шаблонизатора.
Пример
var BHCommonJSTech = require('enb-bh/techs/bh-commonjs'),
FileProvideTech = require('enb/techs/file-provider'),
bemTechs = require('enb-bem-techs');
module.exports = function(config) {
config.node('bundle', function(node) {
// Получаем FileList
node.addTechs([
[FileProvideTech, { target: '?.bemdecl.js' }],
[bemTechs.levels, levels: ['blocks']],
bemTechs.deps,
bemTechs.files
]);
// Собираем BH-файл
node.addTech(BHCommonJSTech);
node.addTarget('?.bh.js');
});
};
Предназначена для сборки HTML-файла. Обрабатывает BEMJSON и скомпилированный ?.bh.js
-файл (результат работы технологий bh-bundle или bh-commonjs) для получения HTML.
Опции указываются в конфигурационном файле (.enb/make.js).
Тип: String
. По умолчанию: ?.bh.js
.
Имя файла, в котором содержится шаблон, скомпилированный одной из технологий (bh-bundle или bh-commonjs). Используется для преобразования BEMJSON в HTML.
Тип: String
. По умолчанию: ?.bemjson.js
.
Имя BEMJSON-файла, к которому применится скомпилированный шаблон ?.bh.js
(результат работы технологий bh-bundle или bh-commonjs) для получения HTML.
Тип: String
. По умолчанию: ?.html
.
HTML-файл — результат применения скомпилированного шаблона к указанному BEMJSON-файлу.
Пример
var BemjsonToHtmlTech = require('enb-bh/techs/bemjson-to-html'),
BHCommonJSTech = require('enb-bh/techs/bh-commonjs'),
FileProvideTech = require('enb/techs/file-provider'),
bemTechs = require('enb-bem-techs');
module.exports = function(config) {
config.node('bundle', function(node) {
// Получаем BEMJSON-файл
node.addTech([FileProvideTech, { target: '?.bemjson.js' }]);
// Получаем FileList
node.addTechs([
[bemTechs.levels, levels: ['blocks']],
bemTechs.bemjsonToBemdecl,
bemTechs.deps,
bemTechs.files
]);
// Собираем BH-файл
node.addTech(BHCommonJSTech);
node.addTarget('?.bh.js');
// Создаем HTML-файл
node.addTech(BemjsonToHtmlTech);
node.addTarget('?.html');
});
};