Переход с Vite на Mix

Для перехода необходимо поменять данные в файлах и обязательно убрать в боевой версии коментарии:

.env.exampleMIX_PUSHER_APP_KEY="${PUSHER_APP_KEY}" // Добавить
MIX_PUSHER_APP_CLUSTER="${PUSHER_APP_CLUSTER}" // Добавить
VITE_PUSHER_APP_KEY="${PUSHER_APP_KEY}" // Удалить
VITE_PUSHER_APP_CLUSTER="${PUSHER_APP_CLUSTER}" // Удалить

.gitignore/public/build // Удалить и добавить свою папку с файлами стилей и скриптов

.styleci.ymljs:
finder:
    not-name:
      - webpack.mix.js // Добавить
      - vite.config.js // Удалить
css: true

package.json{
    "private": true,
    "scripts": {
        "dev": "npm run development", // Добавить
        "development": "mix", // Добавить
        "watch": "mix watch", // Добавить
        "watch-poll": "mix watch -- --watch-options-poll=1000", // Добавить
        "hot": "mix watch --hot", // Добавить
        "prod": "npm run production", // Добавить
        "production": "mix --production" // Добавить
        "dev": "vite", // Удалить
        "build": "vite build" // Удалить
    },
    "devDependencies": {
        "axios": "^0.25",
        "laravel-mix": "^6.0.6", // Добавить
        "laravel-vite-plugin": "^0.2.1", // Удалить
        "lodash": "^4.17.19",
        "postcss": "^8.1.14" // Добавить
        "postcss": "^8.1.14", // Удалить
        "vite": "^2.9.11" // Удалить
    }
}

resources/js/bootstrap.js// window.Echo = new Echo({ 
//     broadcaster: 'pusher',
//     key: process.env.MIX_PUSHER_APP_KEY, // Добавить
//     cluster: process.env.MIX_PUSHER_APP_CLUSTER, // Добавить
//     key: import.meta.env.VITE_PUSHER_APP_KEY, // Удалить
//     cluster: import.meta.env.VITE_PUSHER_APP_CLUSTER, // Удалить
//     forceTLS: true
// });

vite.config.jsimport { defineConfig } from 'vite'; // Удалить
import laravel from 'laravel-vite-plugin'; // Удалить
export default defineConfig({ // Удалить
    plugins: [ // Удалить
        laravel([ // Удалить
            'resources/css/app.css', // Удалить
            'resources/js/app.js', // Удалить
        ]), // Удалить
    ], // Удалить
}); // Удалить

webpack.mix.jsconst mix = require('laravel-mix'); // Добавить
/*
|--------------------------------------------------------------------------
| Смешанное управление активами
|--------------------------------------------------------------------------
|
| Mix предоставляет чистый, плавный API для определения некоторых шагов сборки Webpack
| для ваших приложений Laravel. По умолчанию мы компилируем CSS
| файл для приложения, а также объединение всех файлов JS.
|
*/
mix.js('resources/js/app.js', 'public/js') // Добавить
    .postCss('resources/css/app.css', 'public/css', [ // Добавить
        // // Добавить
    ]); // Добавить

Установка

Перед установкой нужно убедиться, что установлен Node и менеджер пакетов npm. Проверить можно с помощью двух команд:

node -v

npm -v

Установка внешних зависимостей приложения через NPM:

npm install