Привет, я создаю новую тему в Magento 2 и расширяю тему из luma.
Но когда я делаю какие-либо изменения в файлах less, чтобы настроить внешний вид, мне нужно каждый раз удалять файл папки pub после внесения изменений в файл less css.
Есть ли какие-либо настройки (менее) или способ автоматической синхронизации изменений файлов?
Доступны два варианта: один — использовать grunt для компиляции на стороне сервера, а другой — использовать less.js для компиляции на стороне клиента (в браузере).
Использование клиентской стороны должно быть проще в настройке, но использование Grunt может оказаться для вас более производительным. Для простоты я буду говорить только об использовании клиентской стороны.
Эти инструкции просто скопированы из документации разработчиков, ссылки внизу поста.
- В панели администрирования Magento измените режим компиляции LESS на клиентский в разделе STORES > Configuration > ADVANCED > Developer > Front-end workflow > Workflow type.
- Delete all files in the following directories:
pub/static/frontend/<Your_Vendor>/<your_theme>var/view_preprocessed/less
После выполнения этих шагов вы сможете просто обновить страницу после внесения изменений в файлы .less.
Рекомендации:
вы можете использовать локальный node.js для автоматизации этих процессов
убедитесь, что у вас установлен node.js локально
выполните в папке проекта cmd «npm install», чтобы загрузить пакеты узлов
и вы готовы к работе, используйте:
обновление grunt (для запуска или при добавлении/удалении меньшего количества файлов);
grunt less (для компиляции всех меньше файлов);
grunt watch (для просмотра изменений в меньшем количестве файлов и их автоматической компиляции);
grunt clean (чтобы удалить все временные файлы)
