Приветствую всех.
Недавно начал осваивать BEM. В работе использую Sass + Compass. Хотелось бы использовать их и на BEM-проектах.
В качестве основы использую вот эту заготовку https://github.com/bem/project-stub
Пробовал заменять технологию roole на sass, но это ничего не дало. Содержимое .sass файлов не собирается в общий .css файл.
Что я делаю не так?
Если можно, укажите ссылку, где можно почитать, как добавить кастомную технология в сброрку. Прочитал пару статей и посмотрел пару видео по BEM, поэтому есть некоторая каша в голове. Возможно инфа лежит на поверхности, но не могу найти)
Там еще нужно доставить модуль node-sass, кажется. И после этого у меня сборка css из sass заработала. Если что-то не получается, лучше описать по шагам свои действия и ошибки, которые получаете при сборке.
node-sass добавлен. ошибок не возникает. но окончательный файл не имеет стилей, прописанных в .sass файлах.
Делал все так.
1. git clone.
2. Заменил везде упоминание технологии roole на sass.
3. Создал нужные блоки. Добавил стили в файлы .sass
Если у вас есть рабочий проект с поддержкой sass, залейте пожалуйста на гит.
Посмотрите ветку: https://github.com/bem/pr
Заменил roole на sass, добавил тестовый header.sass файл и модуль node-sass в package.json
Понял в чем проблема.
node-sass компилит только .scss файлы, а я проверял на .sass синтаксисе.
Т.е вместо такого кода
Писал такой
После беглого просмотра доков node-sass не нашел упоминание про возможность использования .sass синтаксиса.
Если можно, сбросьте ссылку, где говорится о подключении своих технологий для сборки в BEM. Помню что где-то видел, но до сих пор плоховато ориентируюсь в доках)
Документация по модулям технологий лежит на нашем сайте — http://ru.bem.info/tools/
Примеры реализованных технологий в bem-tools. Например SASS лежит в https://github.com/bem/be
Остальные технологии — https://github.com/bem/be