fix: the --progress option with the serve command (#2265)

Author: alexander-akait

packages/serve/__tests__/mergeOptions.test.ts

@@ -51,7 +51,7 @@ class ServeCommand {
                 const processors: Array<(opts: Record<string, any>) => void> = [];
 
                 for (const optionName in options) {
-                    if (optionName === 'hot' || optionName === 'progress') {
+                    if (optionName === 'hot') {
                         devServerOptions[optionName] = options[optionName];
                         webpackOptions[optionName] = options[optionName];
                     } else {

packages/serve/src/index.ts

@@ -1,6 +1,4 @@
-import { utils } from 'webpack-cli';
-
-import mergeOptions from './mergeOptions';
+import { devServerOptionsType } from './types';
 
 /**
  *
@@ -48,6 +46,19 @@ export default async function startDevServer(compiler, cliOptions, logger): Prom
 
     const servers = [];
     const usedPorts: number[] = [];
+    const mergeOptions = (cliOptions: devServerOptionsType, devServerOptions: devServerOptionsType): devServerOptionsType => {
+        // CLI options should take precedence over devServer options,
+        // and CLI options should have no default values included
+        const options = { ...devServerOptions, ...cliOptions };
+
+        if (devServerOptions.client && cliOptions.client) {
+            // the user could set some client options in their devServer config,
+            // then also specify client options on the CLI
+            options.client = { ...devServerOptions.client, ...cliOptions.client };
+        }
+
+        return options;
+    };
 
     for (const devServerOpts of devServerOptions) {
         const options = mergeOptions(cliOptions, devServerOpts);

packages/serve/src/mergeOptions.ts

@@ -61,6 +61,22 @@ describe('basic serve usage', () => {
         expect(stdout).not.toContain('HotModuleReplacementPlugin');
     });
 
+    it('should work with the "--progress" option', async () => {
+        const { stderr, stdout } = await runServe(['--progress'], __dirname);
+
+        expect(stderr).toContain('webpack.Progress');
+        expect(stdout).toContain('main.js');
+        expect(stdout).not.toContain('HotModuleReplacementPlugin');
+    });
+
+    it('should work with the "--progress" option using the "profile" value', async () => {
+        const { stderr, stdout } = await runServe(['--progress', 'profile'], __dirname);
+
+        expect(stderr).toContain('webpack.Progress');
+        expect(stdout).toContain('main.js');
+        expect(stdout).not.toContain('HotModuleReplacementPlugin');
+    });
+
     it('should work with flags', async () => {
         const { stderr, stdout } = await runServe(['--hot'], __dirname);