Вот готовый Markdown-файл с основными командами Laravel Mix для работы с фронтенд-сборкой в Laravel:
markdown
# Laravel Mix - Основные команды
Laravel Mix предоставляет чистый API для определения шагов сборки Webpack для вашего Laravel-приложения.
## Установка
Перед использованием убедитесь, что установлены зависимости:
```bash
npm installОсновные команды
Сборка для разработки
bash
npm run dev- Компилирует assets один раз без минификации
- Подходит для разработки
Сборка с наблюдением за изменениями
bash
npm run watch- Запускает dev-сборку и продолжает наблюдать за изменениями файлов
- Автоматически пересобирает при изменениях
Сборка для продакшена
bash
npm run prod- Запускает production-сборку с минификацией
- Оптимизирует все ресурсы
Очистка и пересборка
bash
npm run fresh- Удаляет скомпилированные файлы и выполняет полную пересборку
Анализ бандла
bash
npm run prod -- --stats- Генерирует статистику по бандлу (файл
public/mix-stats.json) - Полезно для анализа размера зависимостей
Дополнительные команды
Hot Module Replacement (HMR)
bash
npm run hot- Запускает dev-сервер с горячей перезагрузкой модулей
- Не требует обновления страницы при изменениях
Просмотр доступных команд
bash
npx mix --help- Показывает все доступные команды и опции Mix
Конфигурация
Основной файл конфигурации находится в: webpack.mix.js
Пример базовой конфигурации:
js
const mix = require('laravel-mix');
mix.js('resources/js/app.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css')
.version();Полезные советы
- После изменения
webpack.mix.jsвыполните:
bash
npm run fresh- Для отладки проблем со сборкой используйте:
bash
npm run dev -- --debug- Чтобы отключить уведомления при сборке:
js
mix.disableNotifications();- Для кэстомизации пути вывода:
js
mix.setPublicPath('public_html/assets');📌 Примечание: Все команды должны выполняться из корня Laravel-проекта
Этот файл можно сохранить как `LARAVEL-MIX-COMMANDS.md` в корне проекта. Он содержит все основные команды с пояснениями и примеры конфигурации.