Open blond opened 8 years ago
Красиво! :+1:
это 100% аналог project-stub? То есть я могу все также создавать папки с файлами, создавать файлы bemhtml, bemjson, styl, использовать i-bem, bem-components?
@cyberS7 да, в ветке https://github.com/bem/project-stub/tree/preparing-for-master обновление этой истории. планируем вскоре влить ее в основную ветку, но уже сейчас можно пользоваться.
@tadatuta благодарю, осталось только документацию переписать)
А как на счет поддержки bem-components в этой сборке?
"По скорости в текущем состоянии сборка project-stub оказалась соизмеримой со сборкой на стеке ENB"
С последними правками https://github.com/bem/project-stub/tree/preparing-for-master есть ли изменения в скорости сборки, по сравнению со стеком ENB?
@Seredinof эти правки пока были не про скорость, а скорее про причесывание и выравнивание поведения с версией на ENB. Над скоростью работа планируется, когда будут результаты, мы обязательно напишем на форум.
Привет, пришла и моя очередь рассказать о содеянном на минувшем хакатоне.
Основная мысль, которая преследует меня уже долгое время — возможность сборки БЭМ-проектов с помощью любого инструмента. И именно с этой идеей я пришёл в то раннее утро субботы агитировать собравшихся присоединиться ко мне, в надежде немного приблизить неизбежное будущее, в котором нет
ENB
.Несмотря на невнятную речь, ко мне присоединились очень крутые ребята, без которых мы бы не продвинулись так далеко: @arikon, @zxqfox, @awinogradov, спасибо вам огромное!
Ставь задачу правильно
Утверждение «сборка БЭМ-проектов с помощью любого инструмента» звучит слишком абстрактно.
В двухдневный формат хакатона такая задача совсем не укладывалась. Надо было сформулировать что-то более конкретное. Поэтому мы решили, что критерием успеха будет сборка project-stub с помощью
gulp
.Сам
gulp
был выбран практически случайно. Важно было доказать гипотезу о сборке с помощью любого инструмента. На эту рольgulp
подходит как нельзя лучше: он популярен, прост, да и ребята из соседней команды уже решили делать сборку с помощью webpack.Готовь сани летом
На самом деле основная работа была сделана заранее.
Специфика сборки БЭМ проектов заключается в организации уровней переопределения и использовании зависимостей блоков. Подробнее об этом можно почитать на bem.info.
Необходимость модульной сборки была сформулирована уже давно. На прошлогоднем хакатоне мы решили задачу интроспекции уровней — bem-walk.
Кроме того, к этому хакатону я написал прототип модуля для работы с зависимостями блоков — bem-deps.
Работа оказалась проделанной не зря. Модуль для работы с зависимостями пригодился не только нам, но и команде, занимающейся сборкой с помощью
webpack
. А интроспекция и вовсе оказалась нужна каждой команде.Результаты
Проект: @bem/gulp.
Сборка
project-stub
: ветка feature/gulpНичто не опишет проект лучше, чем его API. Поэтому без слов пример того, что у нас получилось.
По скорости в текущем состоянии сборка
project-stub
оказалась соизмеримой со сборкой на стеке ENB.Что дальше?
Вначале мы приведём код в человеческий вид, покроем тестами и напишем примеры использования с минимальной документацией.
Мы уже получили массу пожеланий и предложений, которые обязательно учтём.
Как только всё будет готово, обязательно расскажем вам. А самое главное — будем внедрять в реальные проекты и реагировать на фидбэк.
Общие модули
bem-walk
иbem-deps
оказались универсальными, и в каком-то смысле уже проверенными в бою. Поэтому, кроме использования их для сборки наgulp
иwebpack
, мы планируем внедрить их в ENB.Дальше можно будет исходить из потребностей, оптимизировать работу для больших проектов и реализовывать дополнительные плагины, которых будет не хватать.
Присылайте свои идеи и задавайте вопросы на форуме или в ишьюсах к репозиториям из организации gulp-bem.
Спасибо за внимание!