На данный момент (08.03.2016г) модуль Less CSS Preprocessor не портирован на Друпал8. Статья для тех, кто уже сейчас хочет поюзать Less на восьмерке...
В настоящее время никого уже не удивишь использованием CSS-препроцессоров. Для тех кто привык использовать less в своих проектах, для Друпал 7 есть хороший модуль Less CSS Preprocessor и инструкция, как его настроить. На данный момент (08.03.2016г) модуль не портирован на Друпал 8. Но, для тех, кто уже сейчас хочет поюзать Less на восьмерке - решение уже придумали...
Как это работает?
Все просто.
- Скачиваем архив store_less_css.zip со страницы issue. Данный архив - это готовый модуль для d8.
- Устанавливаем модуль.
- Подключаем less файл. Подключаем как css, только less :-)
Например, в своей теме подключение через файл xxx.libraries.yml:
base-styling:
version: VERSION
css:
base:
less/style.less: {}
Никаких плюшек, никаких настроек... Принцип работы модуля прост до безобразия. Реализован hook_css_alter(). Из списка всех css файлов идет поиск файлов с расширением .less. При обнаружении такого, генерируется соответствующий ему css файл, сохраняется в директории 'public://less/' и заменяется путь файла на css. И конечно же, что бы не пересоздавать файлы при каждой загрузке, присутствует кеширование.
Вложение | Size |
---|---|
store_less_css | 65.8 КБ |
Update 10.03.2016:
Немного доработал модуль store_less_css. Добавил режим разработчика, при котором файлы less обрабатываются при каждой загрузке страницы. После включения режима developer mode необходимо сбросить кеш на сайте. Архив с модулем выкладываю тут.
- 08.03.2016
- 22 просмотра