Как использовать БЭМ, на микро сайте.

Форум /

Всем привет, сегодня я прошел курс - https://ru.bem.info/tutorials/start-with-project-stub/ Все получилось. Спасибо за руководство. У меня зреет задача создать (обновить) фронтенд сайта фирмы (5 страничек). Что я хочу:

Использовать шаблонизатор bemhtml.
Использовать императивный jquery! =) По возможности полностью отключить i-bem.js
Получать на выходе полный Не минифицированный html.
Объединить стили всех страниц на выходе в 1 файл. (у меня их всего 5 так что не хочу подключать для каждой странички отдельные стили)

9 years ago

tadatuta

@sun-ks

1) Использовать шаблонизатор bemhtml.

Я так понимаю, это не вопрос, т.к. BEMHTML собирается в project-stub из коробки. Если все-таки вопрос, нужные какие-то уточнения.

2) Использовать императивный jquery! =) По возможности полностью отключить i-bem.js

Не использовать i-bem.js можно как минимум двумя способами ;) Простой заключается в том, чтобы завернуть весь свой код в

modules.require(['jquery'], function($) {
    // тут jQuery доступен
});

Чуть более сложный — форкнуть bem-core и удалить в форке все .js и .vanilla.js файлы.

3) Получать на выходе полный Не минифицированный html.

https://github.com/bem/bem-forum-content-ru/issues/160

4) Объединить стили всех страниц на выходе в 1 файл. (у меня их всего 5 так что не хочу подключать для каждой странички отдельные стили)

https://ru.bem.info/tools/bem/bem-tools/customization/#Сборка-merged-бандла-раньше-также-назывался-common (если bem-tools).

https://github.com/enb-bem/enb-bem-techs/blob/master/docs/build-merged-bundle.md (если ENB).

Пример использования в project-stub на ENB: https://github.com/bem/project-stub/commit/7a98ffd97fc3b6418c7e4c5957252424fb87f78d

Чтобы оставлять комментарии, необходимо авторизоваться.