fix: serve recognizes color flag

packages/serve/src/index.ts

@@ -15,6 +15,8 @@ export default function serve(...args: string[]): void {
     const core = cli.getCoreFlags();
 
     const parsedDevServerArgs = cli.argParser(devServer, args, true);
+    if (parsedDevServerArgs.unknownArgs.some((arg) => ['help', 'version', 'color'].includes(arg))) return;
+
     const devServerArgs = parsedDevServerArgs.opts;
     const parsedWebpackArgs = cli.argParser(core, parsedDevServerArgs.unknownArgs, true, process.title);
     const webpackArgs = parsedWebpackArgs.opts;

test/serve/basic/serve-basic.test.js

@@ -1,11 +1,15 @@
 'use strict';
 
+const chalk = require('chalk');
 const path = require('path');
 const getPort = require('get-port');
 const { runServe } = require('../../utils/test-utils');
 
 const testPath = path.resolve(__dirname);
 
+const usageText = 'webpack s | serve';
+const descriptionText = 'Run the webpack Dev Server';
+
 describe('basic serve usage', () => {
     let port;
 
@@ -23,6 +27,16 @@ describe('basic serve usage', () => {
             console.warn('TODO: fix `serve` test on windows');
         });
     } else {
+        it('should respect the --color=false flag', async () => {
+            const { stdout, stderr } = await runServe(['help', '--color=false'], __dirname);
+            chalk.enabled = true;
+            chalk.level = 3;
+            const orange = chalk.keyword('orange');
+            expect(stdout).not.toContain(orange(usageText));
+            expect(stdout).toContain(descriptionText);
+            expect(stderr).toHaveLength(0);
+        });
+
         it('should not invoke info subcommand', async () => {
             const { stdout, stderr } = await runServe(['--client-log-level', 'info'], testPath);
             expect(stdout).toContain('main.js');