@@ -0,0 +1,5 @@
+---
+"webpack-cli": patch
+---
+
+fix: assign distinct ports to dev servers of configurations that share the same `devServer` object.
@@ -2245,7 +2245,8 @@ class WebpackCLI {
         const getDevServerOptions = (
           devServerOptions: DevServerConfiguration | undefined,
         ): DevServerConfiguration => {
-          const configuration: DevServerConfiguration = devServerOptions || {};
+          // Configurations can share options, so a port assigned to one isn't used by others
+          const configuration: DevServerConfiguration = { ...devServerOptions };
           const args: Record<string, WebpackArgument> = {};
           const values: ProcessedArguments = {};
 
 
@@ -1,37 +1,25 @@
-const { getFreePort } = require("../../utils/test-utils");
 const WebpackCLITestPlugin = require("../../utils/webpack-cli-test-plugin");
-const { devServerConfig } = require("./helper/base-dev-server.config");
+const devServerConfig = require("./helper/base-dev-server.config");
 
-module.exports = async () => {
-  const port1 = await getFreePort();
-  const port2 = await getFreePort();
-
-  return [
-    {
-      name: "one",
-      mode: "development",
-      devtool: false,
-      output: {
-        filename: "first-output/[name].js",
-      },
-      devServer: {
-        ...devServerConfig,
-        port: port1,
-      },
-      plugins: [new WebpackCLITestPlugin(["mode", "output"], false, "hooks.compilation.taps")],
+module.exports = [
+  {
+    name: "one",
+    mode: "development",
+    devtool: false,
+    output: {
+      filename: "first-output/[name].js",
     },
-    {
-      name: "two",
-      mode: "development",
-      devtool: false,
-      entry: "./src/other.js",
-      output: {
-        filename: "second-output/[name].js",
-      },
-      devServer: {
-        ...devServerConfig,
-        port: port2,
-      },
+    devServer: devServerConfig,
+    plugins: [new WebpackCLITestPlugin(["mode", "output"], false, "hooks.compilation.taps")],
+  },
+  {
+    name: "two",
+    mode: "development",
+    devtool: false,
+    entry: "./src/other.js",
+    output: {
+      filename: "second-output/[name].js",
     },
-  ];
-};
+    devServer: devServerConfig,
+  },
+];
@@ -1,6 +1,7 @@
 "use strict";
 
 const path = require("node:path");
+const [devServerVersion] = require("webpack-dev-server/package.json").version;
 const {
   getFreePort,
   normalizeStderr,
@@ -10,6 +11,8 @@ const {
 
 const testPath = path.resolve(__dirname);
 
+const describeDevServer6 = devServerVersion === "5" ? describe.skip : describe;
+
 const normalStdKillOptions = {
   stdoutKillStr: /webpack \d+\.\d+\.\d/,
   stderrKillStr: /Content not from webpack is served from/,
@@ -95,21 +98,64 @@ describe("basic serve usage", () => {
     expect(stdout).toContain("second-output/main.js");
   });
 
-  // TODO need fix in future, edge case
-  // eslint-disable-next-line jest/no-disabled-tests
-  it.skip("should work in multi compiler mode with multiple dev servers", async () => {
-    const { stderr, stdout } = await runWatch(
-      __dirname,
-      ["serve", "--config", "multi-dev-server.config.js"],
-      normalStdKillOptions,
-    );
+  // TODO in the next major release, remove the condition, only dev servers with plugin support
+  // select distinct ports for configurations without them
+  describeDevServer6("with multiple dev servers", () => {
+    it("should work in multi compiler mode without ports", async () => {
+      const ports = [];
+      const responses = {};
+      const { exitCode, stdout } = await runWatch(
+        __dirname,
+        ["serve", "--config", "multi-dev-server.config.js", "--watch-options-stdin"],
+        {
+          // Automatic ports start from the base one
+          env: { WEBPACK_DEV_SERVER_BASE_PORT: String(port) },
+          handler: (proc) => {
+            let output = "";
+
+            proc.stderr.on("data", (chunk) => {
+              output += chunk.toString();
+
+              if (ports.length > 0) {
+                return;
+              }
+
+              const found = [...output.matchAll(/Loopback: http:\/\/localhost:(\d+)\//g)].map(
+                ([, found]) => found,
+              );
+
+              if (found.length < 2) {
+                return;
+              }
+
+              ports.push(...found);
+
+              // Every dev server serves all compilers
+              Promise.all(
+                ports.flatMap((port) =>
+                  ["first-output", "second-output"].map((directory) =>
+                    fetch(
+                      `http://127.0.0.1:${port}/dev-server-my-public-path/${directory}/main.js`,
+                    ).then((response) => {
+                      responses[`${port}:${directory}`] = response.status;
+                    }),
+                  ),
+                ),
+              ).finally(() => {
+                proc.stdin.end();
+              });
+            });
+          },
+        },
+      );
 
-    expect(normalizeStderr(stderr)).toMatchSnapshot("stderr");
-    expect(stdout).toContain("HotModuleReplacementPlugin");
-    expect(stdout).toContain("one");
-    expect(stdout).toContain("first-output/main.js");
-    expect(stdout).toContain("two");
-    expect(stdout).toContain("second-output/main.js");
+      expect(exitCode).toBe(0);
+      expect(new Set(ports).size).toBe(2);
+      expect(Object.values(responses)).toEqual([200, 200, 200, 200]);
+      expect(stdout).toContain("HotModuleReplacementPlugin");
+      expect(stdout).toContain("first-output/main.js");
+      expect(stdout).toContain("second-output/main.js");
+    });
   });
 
   it('should work with the "--mode" option', async () => {
-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"webpack-cli": patch
 +---
++
 +fix: assign distinct ports to dev servers of configurations that share the same `devServer` object.