feat: update client bundle to target ES2024 and remove support for older browsers

Author: bjohansebas

.changeset/client-bundle-es2024.md

@@ -0,0 +1,5 @@
+---
+"webpack-dev-server": major
+---
+
+The injected client bundle now targets ES2024. Browsers without native ES module support (IE 11, Edge legacy, Safari < 10.1, Chrome < 61, Firefox < 60) are no longer supported.

babel.config.js

@@ -2,33 +2,18 @@ export default (api) => {
   api.cache(true);
 
   return {
+    ignore: ["client/**", "node_modules/**"],
     presets: [
       [
         "@babel/preset-env",
         {
           modules: false,
           targets: {
             esmodules: true,
-            node: "0.12",
+            node: "22.15.0",
           },
         },
       ],
     ],
-    plugins: ["@babel/plugin-transform-object-assign"],
-    env: {
-      test: {
-        presets: [
-          [
-            "@babel/preset-env",
-            {
-              targets: {
-                node: "22.15.0",
-              },
-            },
-          ],
-        ],
-        plugins: ["@babel/plugin-transform-runtime"],
-      },
-    },
   };
 };

client-src/webpack.config.js

@@ -21,7 +21,7 @@ const baseForModules = {
     path: path.resolve(__dirname, "../client/modules"),
     ...library,
   },
-  target: ["web", "es5"],
+  target: ["web", "es2024"],
   module: {
     rules: [
       {
@@ -42,26 +42,7 @@ export default [
     output: {
       filename: "logger/index.js",
     },
-    module: {
-      rules: [
-        {
-          test: /\.js$/,
-          use: [
-            {
-              loader: "babel-loader",
-              options: {
-                plugins: ["@babel/plugin-transform-object-assign"],
-              },
-            },
-          ],
-        },
-      ],
-    },
     plugins: [
-      new webpack.DefinePlugin({
-        Symbol:
-          '(typeof Symbol !== "undefined" ? Symbol : function (i) { return i; })',
-      }),
       new webpack.NormalModuleReplacementPlugin(
         /^tapable$/,
         path.join(__dirname, "modules/logger/tapable.js"),

package-lock.json

@@ -75,10 +75,7 @@
     "@babel/cli": "^7.28.6",
     "@babel/core": "^7.29.0",
     "@babel/eslint-parser": "^7.28.6",
-    "@babel/plugin-transform-object-assign": "^7.27.1",
-    "@babel/plugin-transform-runtime": "^7.29.0",
     "@babel/preset-env": "^7.29.2",
-    "@babel/runtime": "^7.29.2",
     "@changesets/cli": "^2.29.8",
     "@changesets/get-github-info": "^0.8.0",
     "@commitlint/cli": "^19.5.0",

package.json

@@ -1,7 +1,7 @@
 {
   "compilerOptions": {
     "target": "esnext",
-    "lib": ["es5", "dom", "webworker", "es2022.error"],
+    "lib": ["es2024", "dom", "webworker"],
     "module": "nodenext",
     "moduleResolution": "nodenext",
     "allowJs": true,