Как правильно записать настройки Laravel mix + webpack?

Настройка Laravel Mix с использованием Webpack предоставляет удобный способ для компиляции и сборки ресурсов в вашем проекте.

Вот пример подробной настройки Laravel Mix с использованием Webpack:

1. Установка и настройка Laravel Mix:
2. Установите Laravel Mix с помощью npm, выполнив следующую команду в терминале вашего проекта:

      npm install laravel-mix --save-dev

2. Создайте файл webpack.mix.js в корневой директории вашего проекта.
3. В файле webpack.mix.js определите необходимые настройки для Mix. Например:

      const mix = require('laravel-mix');

      mix.js('resources/js/app.js', 'public/js')
         .sass('resources/sass/app.scss', 'public/css')
         .sourceMaps();

4. В файле package.json добавьте следующие строки в секцию scripts:

      "scripts": {
         "dev": "npm run development",
         "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
         "watch": "npm run development -- --watch",
         "hot": "npm run development -- --hot",
         "prod": "npm run production",
         "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
      },

2. Компиляция ресурсов:

• Для компиляции ресурсов в разработке выполните следующую команду:

     npm run dev

• Для автоматической компиляции ресурсов при изменении файлов выполните следующую команду:

     npm run watch

• Для автоматической компиляции и перезагрузки страницы при изменении файлов выполните следующую команду:

     npm run hot

• Для компиляции ресурсов в production сжатом виде выполните следующую команду:

     npm run prod

• Компилированные файлы будут сохранены в папку public.

Это основные шаги для настройки Laravel Mix с использованием Webpack. Дополнительные настройки и возможности можно изучить в документации Laravel Mix и Webpack.