В настоящее время никого уже не удивишь использованием CSS-препроцессоров. Для тех кто привык использовать less в своих проектах, для Друпал 7 есть хороший модуль Less CSS Preprocessor и инструкция, как его настроить. На данный момент (08.03.2016г) модуль не портирован на Друпал 8. Но, для тех, кто уже сейчас хочет поюзать Less на восьмерке - решение уже придумали. Недавно в одном из Issue к модулю был выложен волшебный архивчик, и теперь я думаю, что официальный релиз модуля не за горами (только бы не сглазить).
Как это работает сейчас?
Все просто.
- Скачиваем архив 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. И конечно же, что бы не пересоздавать файлы при каждой загрузке, присутствует кеширование.
P.S. Ждем официального релиза модуля
Совсем забыл, сегодня же праздник... Поздравляю Всех милых дам. Вот прям от души :-)
Update 10.03.2016: Немного доработал модуль store_less_css. Добавил режим разработчика, при котором файлы less обрабатываются при каждой загрузке страницы. После включения режима developer mode необходимо сбросить кеш на сайте. Архив с модулем выкладываю тут.
Комментарии
Добавить комментарий