Skip to content

Вот готовый 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();

Полезные советы

  1. После изменения webpack.mix.js выполните:
bash
npm run fresh
  1. Для отладки проблем со сборкой используйте:
bash
npm run dev -- --debug
  1. Чтобы отключить уведомления при сборке:
js
mix.disableNotifications();
  1. Для кэстомизации пути вывода:
js
mix.setPublicPath('public_html/assets');

📌 Примечание: Все команды должны выполняться из корня Laravel-проекта


Этот файл можно сохранить как `LARAVEL-MIX-COMMANDS.md` в корне проекта. Он содержит все основные команды с пояснениями и примеры конфигурации.