Migrate from Laravel Mix to Vite

.gitignore

@@ -5,6 +5,7 @@
 /public/assets/*
 /public/img/*
 /public/hot
+/public/build
 /public/storage
 /public/mix-manifest.json
 /storage/*.key

.travis.yml

@@ -48,7 +48,7 @@ before_deploy: |
     export HAS_RAN_BEFORE_DEPLOY="TRUE"
 
     echo "Compiling assets for production..."
-    ./develop npm run prod
+    ./develop npm run build
 
     echo "Installing AWS CLI..."
     curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip"

docker/build.sh

@@ -30,7 +30,7 @@ echo "Installing NPM dependencies..."
 ./develop npm ci
 
 echo "Compiling assets..."
-./develop npm run prod
+./develop npm run build
 docker run --rm \
     -w /opt \
     -v ${TRAVIS_BUILD_DIR}/docker/app/packaged:/opt \

package.json

@@ -1,24 +1,21 @@
 {
     "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",
         "govuk-frontend": "^2.3.0",
-        "laravel-mix": "^6.0.12",
         "lodash": "^4.17.21",
         "postcss": "^8.4.25",
         "resolve-url-loader": "^5.0.0",
         "sass": "^1.63.6",
         "sass-loader": "^12.1.0",
         "swagger-ui": "^4.19.1",
-        "vue": "^2.7.14"
+        "vue": "^2.7.14",
+        "vite": "^3.0.2",
+        "laravel-vite-plugin": "^0.6.0",
+        "@vitejs/plugin-vue2": "^1.1.2"
     }
 }

resources/views/docs/index.blade.php

@@ -1,13 +1,13 @@
 @extends('layout')
 
 @section('css')
-  <link rel="stylesheet" href="{{ mix('/css/docs.css') }}">
+  @vite('resources/css/docs.css')
 @endsection
 
 @section('content')
   <div id="docs"></div>
 @endsection
 
 @section('js')
-  <script src="{{ mix('/js/docs.js') }}"></script>
+  @vite('resources/js/docs.js')
 @endsection

vite.config.js

@@ -0,0 +1,15 @@
+import { defineConfig } from 'vite';
+import laravel from 'laravel-vite-plugin';
+
+export default defineConfig({
+    plugins: [
+        laravel({
+            input: [
+                'resources/assets/sass/app.scss',
+                'resources/assets/sass/docs.scss',
+                'resources/assets/js/docs.js',
+            ],
+            refresh: true,
+        }),
+    ],
+});