bem/bem-tools
-
c24b25bdbf457a381182cb9e0fac5acf3bcb14c6
c24b25bdbf457a381182cb9e0fac5acf3bcb14c6
addTechs = ['bemhtml', 'title.txt'],
block = 'b-header',
elems = ['logo']; -
469b19e4a032cd0f9e9039add95f7c9e5ba9f2dd
469b19e4a032cd0f9e9039add95f7c9e5ba9f2dd
Q.when(BEM.create.elem({ addTech: addTechs, blockName: block }, { names: elems }), function() {
console.log('Create elems %s of block %s', elems.join(', '), block);
});
``` -
a55922703c1f85d51f61e1f0534bcf93fe2e74c5
a55922703c1f85d51f61e1f0534bcf93fe2e74c5
##### BEM.create.mod() -
de76056379dc1922a46bc4a1b2459ad9e475d402
de76056379dc1922a46bc4a1b2459ad9e475d402
Создание модификатора блока или модификатора элемента. -
3565b8febe075b305a0b0cabe0d41b753fcea80f
3565b8febe075b305a0b0cabe0d41b753fcea80f
* **String** `level` директория уровня переопределения, по умолчанию текущая
* **String** `blockName` имя блока (обязательный параметр)
* **String** `elemName` имя элемента
* **Array** `modVal` значения модификатора
* **Array** `addTech` добавить перечисленные технологии к технологиям для уровня по умолчанию
* **Array** `forceTech` использовать только указанные технологии
* **Array** `noTech` исключить указанные технологии из использования
* **Boolean** `force` принудительно создавать файлы модификатора -
9db895e839aa27ed362b42a303ee96a41d7e9b05
9db895e839aa27ed362b42a303ee96a41d7e9b05
* **Array** `names` имена создаваемых модификаторов -
233abb8a3d7233c8429908fc1d398af74c9d5926
233abb8a3d7233c8429908fc1d398af74c9d5926
Q.when(BEM.create.mod({ forceTechs: forceTechs, blockName: block, modVal: vals }, { names: mods }), function() {
console.log('Create mod %s of block %s with vals %s', elems.join(', '), block, vals.join(', '));
}); -
07822eb55d3a3b74117ddda4e94c3ab4ff044979
07822eb55d3a3b74117ddda4e94c3ab4ff044979
Q.when(BEM.create.mod({ forceTechs: forceTechs, blockName: block, elemName: elem, modVal: vals }, { names: elems }), function() {
console.log('Create mod %s of elem %s of block %s with vals %s', elems.join(', '), elem, block, vals.join(', '));
});
``` -
26c1b9c733046d5a33bdcddeed7c53ec510ef7c6
26c1b9c733046d5a33bdcddeed7c53ec510ef7c6
#### BEM.build() -
178c9d8461cb1d3685a982cebf956e112b8c5e8f
178c9d8461cb1d3685a982cebf956e112b8c5e8f
Сборка файлов. -
122667e66b3751e2cf4e09f0a5ca7e1569cd58ad
122667e66b3751e2cf4e09f0a5ca7e1569cd58ad
* **String** `outputDir` директория для записи результата, по умолчанию текущая
* **String** `outputName` имя (префикс имени файла) для записи результата
* **Level** `outputLevel` объект уровня переопределения, на котором нужно создать файлы БЭМ сущности
* **String** `block` название блока
* **String** `elem` название элемента
* **String** `mod` название модификатора
* **String** `val` значение модификатора
* **String** `declaration` имя файла декларации использования (обязательный параметр)
* **Array** `level` уровень переопределения
* **Array** `tech` собирать файлы указанных технологий -
50a0a17d4750b06f1369643313294ced92783a4e
50a0a17d4750b06f1369643313294ced92783a4e
Вы можете использовать один из следующих вариантов для задания префикса для сохранения результата сборки: -
51dbabec0d85688cf34bacde6ea2946f42c9f560
51dbabec0d85688cf34bacde6ea2946f42c9f560
* `outputName` для задания полного пути-префикса
* `outputDir` плюс `outputName` для задания пути для директории и префикса файлов (они будут склеены автоматически)
* `outputLevel` плюс свойста, описывающие БЭМ сущность: `block`, `elem`, `mod` и `val` (путь-префикс будет построен
автоматически на базе правил маппинга сущностей в файлы, заданных для уровня) -
9912bb24442e535ca0612fa034ea9aceea7bc22b
9912bb24442e535ca0612fa034ea9aceea7bc22b
```js
var Q = require('q'),
B = require('bem'),
BEM = B.api, -
be05d38254a7b15254bf8deffa9837a2f1cc3d66
be05d38254a7b15254bf8deffa9837a2f1cc3d66
decl = 'page.deps.js',
outputDir = 'build',
outputName = 'page',
levels = ['blocks-common', 'blocks-desktop'],
techs = ['css', 'js']; -
f1e2fa5a376f9f72d4d34ea7ccc36183eacc9477
f1e2fa5a376f9f72d4d34ea7ccc36183eacc9477
// используем outputDir и outputName
Q.when(
BEM.build({
outputDir: outputDir,
outputName: outputName,
declaration: decl,
level: levels,
tech: techs
}),
function() {
console.log('Finished build of techs %s for levels %s. Result in %s/%s.* files.',
techs.join(', '), levels.join(', '), outputDir, outputName);
}
); -
a0dc189b43cd44ae3eb95797008e086d701682eb
a0dc189b43cd44ae3eb95797008e086d701682eb
// используем outputLevel
var level = B.createLevel('path/to/level'),
block = 'page';
Q.when(
BEM.build({
outputLevel: level,
block: block
}),
function() {
console.log('Finished build of techs %s for levels %s. Result in %s.* files.',
techs.join(', '), levels.join(', '), level.getRelByObj({ block: block }));
}
);
``` -
31b6b78f98cc5cc0b0f218b931b803a82b38d116
31b6b78f98cc5cc0b0f218b931b803a82b38d116
#### BEM.decl -
a343695bad1d24768fcb97923708b475b2835d79
a343695bad1d24768fcb97923708b475b2835d79
Команды для работы с декларациями использования. -
7aa52057540620e862754c058bb5dac72b95f0f4
7aa52057540620e862754c058bb5dac72b95f0f4
##### BEM.decl.merge()