build: update dependency webpack-dev-server to v6

See associated pull request for more information.

Closes angular#33514 as a pr takeover

Author: alan-agius4

goldens/public-api/angular_devkit/build_webpack/index.api.md

@@ -6,6 +6,7 @@
 
 import { BuilderContext } from '@angular-devkit/architect';
 import { BuilderOutput } from '@angular-devkit/architect';
+import type { Configuration } from 'webpack-dev-server';
 import { Observable } from 'rxjs';
 import type webpack from 'webpack';
 import type WebpackDevServer from 'webpack-dev-server';
@@ -50,7 +51,7 @@ export function runWebpack(config: webpack.Configuration, context: BuilderContex
 // @public @deprecated (undocumented)
 export function runWebpackDevServer(config: webpack.Configuration, context: BuilderContext, options?: {
     shouldProvideStats?: boolean;
-    devServerConfig?: WebpackDevServer.Configuration;
+    devServerConfig?: Configuration;
     logging?: WebpackLoggingCallback;
     webpackFactory?: WebpackFactory;
     webpackDevServerFactory?: WebpackDevServerFactory;

packages/angular_devkit/build_angular/package.json

@@ -56,7 +56,7 @@
     "tslib": "2.8.1",
     "webpack": "5.109.2",
     "webpack-dev-middleware": "8.1.0",
-    "webpack-dev-server": "5.2.6",
+    "webpack-dev-server": "6.0.0",
     "webpack-merge": "6.0.1",
     "webpack-subresource-integrity": "5.1.0"
   },

packages/angular_devkit/build_webpack/package.json

@@ -23,10 +23,10 @@
     "@angular-devkit/core": "workspace:0.0.0-PLACEHOLDER",
     "@ngtools/webpack": "workspace:0.0.0-PLACEHOLDER",
     "webpack": "5.109.2",
-    "webpack-dev-server": "5.2.6"
+    "webpack-dev-server": "6.0.0"
   },
   "peerDependencies": {
     "webpack": "^5.30.0",
-    "webpack-dev-server": "^5.0.2"
+    "webpack-dev-server": "^5.0.2 || ^6.0.0"
   }
 }

packages/angular_devkit/build_webpack/src/builders/webpack-dev-server/index.ts

@@ -12,6 +12,7 @@ import { resolve as pathResolve } from 'node:path';
 import { Observable, from, isObservable, of, switchMap } from 'rxjs';
 import type webpack from 'webpack';
 import type WebpackDevServer from 'webpack-dev-server';
+import type { Configuration } from 'webpack-dev-server';
 import { getEmittedFiles, getWebpackConfig } from '../../utils';
 import { BuildResult, WebpackFactory, WebpackLoggingCallback } from '../webpack';
 import { Schema as WebpackDevServerBuilderSchema } from './schema';
@@ -33,7 +34,7 @@ export function runWebpackDevServer(
   context: BuilderContext,
   options: {
     shouldProvideStats?: boolean;
-    devServerConfig?: WebpackDevServer.Configuration;
+    devServerConfig?: Configuration;
     logging?: WebpackLoggingCallback;
     webpackFactory?: WebpackFactory;
     webpackDevServerFactory?: WebpackDevServerFactory;
@@ -52,17 +53,6 @@ export function runWebpackDevServer(
     }
   };
 
-  const createWebpackDevServer = (
-    webpack: webpack.Compiler | webpack.MultiCompiler,
-    config: WebpackDevServer.Configuration,
-  ) => {
-    if (options.webpackDevServerFactory) {
-      return new options.webpackDevServerFactory(config, webpack);
-    } else {
-      return from(import('webpack-dev-server').then((mod) => new mod.default(config, webpack)));
-    }
-  };
-
   const {
     logging: log = (stats, config) => {
       if (config.stats !== false) {