pnpm / webpack / Laravel Mix updates

package.json

@@ -7,7 +7,7 @@
     "build": "NODE_ENV=production npm run mix",
     "start": "NODE_ENV=development npm run mix -- --watch",
     "hot": "NODE_ENV=development npm run mix:hot",
-    "mix": "webpack --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
+    "mix": "webpack --progress --config=node_modules/laravel-mix/setup/webpack.config.js",
     "mix:hot": "webpack-dev-server --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js"
   },
   "private": true,
@@ -19,17 +19,17 @@
     "@babel/preset-env": "^7.14.7",
     "babel-loader": "^8.2.2",
     "browser-sync": "^2.27.4",
-    "browser-sync-webpack-plugin": "2.2.2",
-    "coffee-loader": "^0.9.0",
+    "browser-sync-webpack-plugin": "2.3.0",
+    "coffee-loader": "^3.0.0",
     "coffeescript": "^2.5.1",
-    "css-loader": "^3.6.0",
-    "laravel-mix": "^4.1.4",
-    "postcss-loader": "^3.0.0",
+    "css-loader": "^5.2.6",
+    "laravel-mix": "^6.0.25",
+    "postcss-loader": "^6.1.1",
     "sass": "^1.35.2",
-    "sass-loader": "~7.3.1",
-    "style-loader": "^1.3.0",
+    "sass-loader": "^12.1.0",
+    "style-loader": "^3.1.0",
     "vue-template-compiler": "^2.6.14",
-    "webpack": "^4.46.0",
-    "webpack-cli": "^3.3.12"
+    "webpack": "^5.44.0",
+    "webpack-cli": "^4.7.2"
   }
 }

webpack.mix.js

@@ -1,7 +1,7 @@
 const mix = require('laravel-mix');
 
 // Public path helper
-const publicPath = (path) => `${mix.config.publicPath}/${path}`;
+const publicPath = (path) => `dist/${path}`;
 
 // Source path helper
 const src = (path) => `./${path}`;
@@ -9,10 +9,7 @@ const src = (path) => `./${path}`;
 // Public Path
 mix
   .setPublicPath('./dist')
-  .setResourceRoot('/')
-  .webpackConfig({
-    output: { publicPath: mix.config.resourceRoot },
-  });
+  .setResourceRoot('/');
 
 // Browsersync
 mix.browserSync('example.test');