Update webpack and related deps

package.json

@@ -4,8 +4,8 @@
   "description": "Making mozilla.org awesome, one pebble at a time",
   "private": true,
   "dependencies": {
-    "@babel/core": "^7.23.6",
-    "@babel/preset-env": "^7.23.6",
+    "@babel/core": "^7.24.3",
+    "@babel/preset-env": "^7.24.3",
     "@mozilla-protocol/core": "^19.0.0",
     "@mozilla/glean": "^5.0.0",
     "@mozmeao/cookie-helper": "^1.1.0",
@@ -13,17 +13,17 @@
     "@mozmeao/trafficcop": "^2.0.1",
     "@sentry/browser": "^7.88.0",
     "babel-loader": "^9.1.3",
-    "caniuse-lite": "^1.0.30001570",
+    "caniuse-lite": "^1.0.30001605",
     "clean-webpack-plugin": "^4.0.0",
-    "copy-webpack-plugin": "^11.0.0",
-    "css-loader": "^6.8.1",
-    "css-minimizer-webpack-plugin": "^5.0.1",
-    "mini-css-extract-plugin": "^2.7.6",
-    "sass": "^1.69.5",
-    "sass-loader": "^13.3.2",
-    "style-loader": "^3.3.3",
-    "terser-webpack-plugin": "^5.3.9",
-    "webpack": "^5.89.0",
+    "copy-webpack-plugin": "^12.0.2",
+    "css-loader": "^6.10.0",
+    "css-minimizer-webpack-plugin": "^6.0.0",
+    "mini-css-extract-plugin": "^2.8.1",
+    "sass": "^1.72.0",
+    "sass-loader": "^14.1.1",
+    "style-loader": "^3.3.4",
+    "terser-webpack-plugin": "^5.3.10",
+    "webpack": "^5.91.0",
     "webpack-cli": "^5.1.4"
   },
   "repository": {
@@ -37,7 +37,7 @@
   },
   "devDependencies": {
     "concurrently": "^8.2.2",
-    "dotenv-webpack": "^8.0.0",
+    "dotenv-webpack": "^8.1.0",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "globals": "^14.0.0",
@@ -48,7 +48,7 @@
     "stylelint": "^16.0.2",
     "stylelint-config-standard-scss": "^12.0.0",
     "svgo": "^3.2.0",
-    "webpack-dev-server": "^4.15.1"
+    "webpack-dev-server": "^5.0.4"
   },
   "scripts": {
     "prestart": "npm run glean",

webpack.config.js

@@ -107,22 +107,18 @@ module.exports = {
         devMiddleware: {
             index: false // specify to enable root proxy'ing
         },
-        proxy: {
-            context: () => true,
-            target: process.env.WP_PROXY_URL || 'http://0.0.0.0:8080'
-        },
+        proxy: [
+            {
+                context: () => true,
+                target: process.env.WP_PROXY_URL || 'http://0.0.0.0:8080'
+            }
+        ],
         watchFiles: ['media/**/*.js', 'media/**/*.scss', 'bedrock/**/*.html'],
         client: {
             logging: 'error',
             overlay: false
         },
-        setupExitSignals: true,
-        onListening: () => {
-            /* eslint-disable-next-line no-console */
-            console.log(
-                '[bedrock] Please wait for bundles to finish compiling.'
-            );
-        }
+        setupExitSignals: true
     },
     plugins: [
         new CopyPlugin({