Компиляция CSS- и JS-файлов в Laravel

Описание: https://up2top.ru/tehnologii/laravel/...

Фреймворк Laravel позволяет настроить компиляцию CSS и JavaScript файлов с помощью инструмента сборки Webpack. Исходные JS- и SASS-файлы хранятся в директории resources/assets, а публичные скомпилированные версии таблиц стилей и скриптов размещаются в директории public. Запуск компилятора осуществляется в терминале с помощью команды npm run dev.

Помимо единоразовой компиляции файлов в Laravel Mix есть специальная команда npm run watch, которая позволяет установить наблюдение за изменениями в исходных JS- и SASS-файлах из директорий resources/assets и, в случае их изменения, автоматически компилировать и обновлять публичные файлы.

В итоге, благодаря системе Laravel Mix, разработчики получают возможность использования миксинов и переменных для работы с таблицами стилей, а также синтаксис ES2015, компиляцию VUE-файлов и сжатие конечных файлов JS-приложений.