В старых проектах везде используется bootstrap и не всегда есть настроянный галп и препроцессоры css. От этого работать с такими проектами просто не хочется. Как можно совмещать bem и bootstrap ?
Форум /
В старых проектах везде используется bootstrap и не всегда есть настроянный галп и препроцессоры css. От этого работать с такими проектами просто не хочется. Как можно совмещать bem и bootstrap ?
Можно предложить много разных подходов в зависимости от задачи. Расскажи, пожалуйста, подробнее про
В результате я хочу максимально переиспользовать сверстанные блоки. Пока это просто html страница в будущем будет натянут на движек. Просто разработчики очень часто пользуются готовыми компонентами bootstrap.
Все еще не хватает ответа про то, что именно из БЭМа хочется использовать:
И еще вопрос. Верно ли я понял, что задача в том, чтобы получать от сторонних разработчиков, не знакомых с БЭМ, верстку с использованием Bootstrap и дорабатывать ее с помощью собственных блоков, написанных по БЭМ?
Если есть возможность использовать сборку, то можно собрать свой bootstrap с нуля или на базе bem-core/bem-components.
Если нет возможности, то можно взять dist (сборку всего) и использовать по аналогии с bootstrap — html сниппетами.
Лучше всего, конечно, собирать — в этом случае ничего лишнего не попадает в собранную страницу. Каждый компонент (блок) будет лежать в своей папке, . Но если это не критично, то dist... Пост про последний https://ru.bem.info/blog/bem-as-bootstrap/
upd: Ну и да, если не хочется i-bem.js, то bem-core не подходит.
@zxqfox Чтобы не попадало лишнее, можно использовать генератор диста.
@tadatuta Верстку я делаю я с нуля и даю разработчикам, потом вместе мы его интегрируем. Разработчики не знакомы с бэм, ну мне кажется им пока это и не нужно, по тому что они редко вмешиваются в верстку. Мне нужно наименование стилей. Ну и возможно вывод некоторых блоков в отдельные файлы.
Если речь только про стили, то можно либо вообще ничего не делать (стили Bootsrap оставить как есть, все остальное именовать в соответствии с БЭМ, проблем быть не должно), либо сконвертировать Bootstrap в БЭМ-нотацию.
Я давным-давно порывался что-то такое сделать с какой-то старой версией. Еще есть аналогичная версия от gfranco, правда тоже не доведенная до конца и давно заброшенная.
Большая часть преобразований одинаковая для всех блоков, можно попробовать заскриптовать, чтобы в случае выхода обновления Boostrap превращать его в bem-bootstrap автоматически.
А по поводу примера простого разбиения верстки на отдельные файлы могу порекомендовать вот этот вебинар.
А от бутстрапа что именно требуется? Возможно для этого уже есть альтернативы. Например, bem-grid для сетки. Просто после БЭМификации бутстрапа сторонние компоненты уже все равно не получится подключить.
Я же подключаю bootstrap sdn, затем пишу в bemjson типа: cls: "container". Мухи и котлеты отдельно.
@weynemeynen так можно в BEMJSON описывать структуру html-странички и не заморачиваться с блоками?
Можно просто писать html, использовать классы из бутстрапа и ни с чем не заморачиваться. Очень удобно.