Правильно собрать проект (enb)

Форум /

Привет, друзья! Вот и закончил я свой сайт, по технологии БЭМ. И мне не хватает последнего - это собрать проект. Я в корни не понимаю как это сделать, где можно почитать , как правильно это делать? Что собственно делал я? Ввел такую команду (node_modules/.bin/enb make) он чет насобирал там и выдал что финиш, но где исходные файлы , которые он якобы собрал, я не могу найти...Куда он их вообще складывает? Есть еще ряд вопросов , а именно:

1) Использовал я project-stub, где выбрал не bem-tools, а enb. Но , запуск сервера почему-то, по команде npm-start не происходит, а только по bem-server. Почему так?Или так и должно быть?

2) Правильно ли я делал , что складывал картинки непосредственно в папку с сущностями ? Например __item и там лежат картинки , сборщик потом сам мне закинет все картинки в папку img и пути поменяет в коде?

3) Теперь вопрос о сторонних папках. Я создал в корневой папке проекта , папку со шрифтами , и от туда их подключаю, верно ли так поступать?А если мне понадобится какой-нибудь jquery плагин , который я хочу выкачивать с бовера, мне надо будет создать папку bower_components в самом проекте, на одном уровне с папками common.blocks, libs и т.д ? P.S: Вопрос о сборке , особой важности.. Спасибо!

10 years ago

tadatuta

@Rahnar

Куда он их вообще складывает?

В desktop.bundles/index/*.

1) Использовал я project-stub, где выбрал не bem-tools, а enb. Но , запуск сервера почему-то, по команде npm-start не происходит, а только по bem-server. Почему так?Или так и должно быть?

Не должно быть. Точно ли используется актуальная версия project-stub?

2) Правильно ли я делал , что складывал картинки непосредственно в папку с сущностями ? Например __item и там лежат картинки , сборщик потом сам мне закинет все картинки в папку img и пути поменяет в коде?

Да, для этого достаточно положить в корень проекта файл .borschik (именно с точкой в начале имени) с таким содержанием:

{
    "freeze_paths" : {
        "libs/**": "img/",
        "*.blocks/**": "img/"
    }
}

создал в корневой папке проекта , папку со шрифтами , и от туда их подключаю, верно ли так поступать?

Шрифты можно класть в папку с сущностями по аналогии с картинками, borschik сохранит пути. Для работы с кастомными шрифтами удобно завести блока font с модификаторами _face_my-font-family для каждого конкретного шрифта и потом миксовать их к нужным блокам.

если мне понадобится какой-нибудь jquery плагин, который я хочу выкачивать с бовера

project-stub поставляется с конфигом bower, где сказано, что пакеты нужно ставить в папку libs (и именно через bower ставятся bem-core и bem-components). Так что потребуется добавить необходимые плагины в bower.json, сказать bower i и они встанут в libs. Далее их можно подключать по-разному, но я бы рекомендова использовать такой подход:

Создать БЭМ-блок в качестве обертки над jQuery-плагином.
Задеклалирвать его как обычный ym-модуль:

modules.define('my-plugin', ['jquery'], function(provide, $) {

/*borschik:include:../../libs/my-plugin/my-plugin.js*/

provide($);

});

Подробнее про borschik include см. https://ru.bem.info/tools/optimizers/borschik/js-include/

10 years ago