Установка Bem-Grid

Форум /

В посте https://ru.bem.info/forum/686/#comment-153710450 я хотел узнать какую сетку ставить на БЭМ лучше. Определился c bem grid. НО... Как я не старался у меня не получилась ее нормально установить в project-stub У кого есть пошаговая инструкция по установке этой сетки. Хотя бы в двух-трех шагах, чтобы проверить все действия на практике.

PS: Мне нравится идея БЭМ, но пока что я не могу к ней приблизиться и на шаг.

Заранее большое спасибо!

8 years ago

tadatuta

С учетом новой ветки в project-stub пошаговая инструкция выглядит так:

git clone https://github.com/bem/project-stub.git -b bem-grid pr-stub-with-bem-grid
cd pr-stub-with-bem-grid
npm i
npm start

И открыть в браузере http://localhost:8080/desktop.bundles/index/index.html

Изменения, которые потребовались для подключения bem-grid в основную ветку project-stub видны в этом коммите и включают 3 момента:

Подключить библиотеку (bower i bem-grid --save)
Подключить npm-зависимости, которые нужны библиотеке (npm i cssnext tadatuta/enb-bundle-postcss lost postcss-for postcss-mixins postcss-nested postcss-simple-vars --save-dev)
Модифицировать сборку так, чтобы стили прогонялись через postCSS с нужными плагинами (см. изменения в .enb/make.js)

Но это не нормальная ситуация, нужно править код на стороне самой библиотеке, чтобы упроситить подключение + переписать документацию, которая на данный момент описывает предыдущую реализацию сетки.

8 years ago

voischev

Вышла версия bem-grid@2.2.0 там все сложное спрятали под капот. Теперь должно быть просто работать с сеткой. Подробности в README

8 years ago

tadatuta

https://github.com/bem/project-stub/compare/bem-grid?expand=1

8 years ago

tadatuta

// cc @ivm988

8 years ago

peakercope

Спасибо, добрый человек :)

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