upgrade to Laravel Mix 6

Author: austintoddj

mix-manifest.json

@@ -0,0 +1,4 @@
+{
+    "/public/js/app.js": "/public/js/app.js",
+    "/public/css/app.css": "/public/css/app.css"
+}

package.json

@@ -1,16 +1,16 @@
 {
     "private": true,
     "scripts": {
-        "dev": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
+        "dev": "mix",
         "format": "prettier --write \"**/*.{scss,js,vue}\"",
         "lint": "eslint --ext .js,.vue resources/js/ --fix",
-        "prod": "yarn format && cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
-        "watch": "yarn dev --watch"
+        "prod": "yarn format && mix --production",
+        "watch": "mix watch"
     },
     "dependencies": {
-        "axios": "^0.21.0",
-        "bootstrap": "^4.5.2",
-        "chart.js": "^2.9.3",
+        "axios": "^0.21.1",
+        "bootstrap": "^4.6.0",
+        "chart.js": "^2.9.4",
         "cross-env": "^7.0.3",
         "filepond": "^4.25.1",
         "filepond-plugin-file-validate-size": "^2.2.1",
@@ -19,7 +19,7 @@
         "filepond-plugin-image-preview": "^4.6.4",
         "filepond-plugin-image-validate-size": "^1.2.4",
         "jquery": "^3.5.1",
-        "laravel-mix": "^5.0.7",
+        "laravel-mix": "^6.0.6",
         "lodash": "^4.17.19",
         "md5": "^2.3.0",
         "moment": "^2.29.1",
@@ -37,6 +37,7 @@
         "vue-filepond": "^6.0.2",
         "vue-fuse": "^2.2.1",
         "vue-infinite-loading": "^2.4.5",
+        "vue-loader": "^15.9.5",
         "vue-multiselect": "^2.1.6",
         "vue-router": "^3.4.9",
         "vue-template-compiler": "^2.6.11",
@@ -52,6 +53,7 @@
         "eslint-plugin-prettier": "^3.3.0",
         "eslint-plugin-sort-imports-es6-autofix": "^0.5.0",
         "eslint-plugin-vue": "^7.3.0",
+        "postcss": "^8.1",
         "prettier": "^2.2.1",
         "webpack-bundle-analyzer": "^4.3.0"
     }

public/css/app.css

@@ -1,6 +1,4 @@
 {
-    "/js/app.js": "/js/app.js?id=f89b5ad51f7113df42c2",
-    "/css/app.css": "/css/app.css?id=773fcc9361a4f8453523",
-    "/js/app.js.map": "/js/app.js.map?id=7e9c339d4fd45bc95652",
-    "/css/app.css.map": "/css/app.css.map?id=2491b80a4a260995478c"
+    "/js/app.js": "/js/app.js?id=b71c4989281ce22d9713",
+    "/css/app.css": "/css/app.css?id=a49a08395034a6be9488"
 }

public/css/app.css.map

@@ -31,6 +31,7 @@ mix.options({
 mix.setPublicPath('public')
     .setResourceRoot('../')
     .js('resources/js/app.js', 'public/js')
+    .vue()
     .sass('resources/sass/app.scss', 'public/css')
     .version()
     .sourceMaps();