Laravel Mix to Vite Migration Guide

Migrate to Vite:

Install Vite

npm remove laravel-mix
npm install --save-dev vite laravel-vite-plugin

Create vite.config.js

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';

export default defineConfig({
    plugins: [
        laravel({
            input: ['resources/css/app.css', 'resources/js/app.js'],
            refresh: true,
        }),
    ],
});

Update Blade

@vite(['resources/css/app.css', 'resources/js/app.js'])

Update Scripts

"scripts": {
    "dev": "vite",
    "build": "vite build"
}