feat: serve integration

packages/serve/src/index.ts

@@ -1,39 +1,10 @@
-import { devServer } from 'webpack-dev-server/bin/cli-flags';
-import WebpackCLI from 'webpack-cli';
-import logger from 'webpack-cli/lib/utils/logger';
-import startDevServer from './startDevServer';
-
-/**
- *
- * Creates a webpack compiler and runs the devServer
- *
- * @param {String[]} args - args processed from the CLI
- * @returns {Function} invokes the devServer API
- */
-export default function serve(...args: string[]): void {
-    const cli = new WebpackCLI();
-    const core = cli.getCoreFlags();
-
-    const parsedDevServerArgs = cli.argParser(devServer, args, true);
-    const devServerArgs = parsedDevServerArgs.opts;
-    const parsedWebpackArgs = cli.argParser(core, parsedDevServerArgs.unknownArgs, true, process.title);
-    const webpackArgs = parsedWebpackArgs.opts;
-
-    // pass along the 'hot' argument to the dev server if it exists
-    if (webpackArgs && webpackArgs.hot !== undefined) {
-        devServerArgs['hot'] = webpackArgs.hot;
-    }
-
-    if (parsedWebpackArgs.unknownArgs.length > 0) {
-        parsedWebpackArgs.unknownArgs
-            .filter((e) => e)
-            .forEach((unknown) => {
-                logger.warn('Unknown argument:', unknown);
-            });
-        return;
-    }
-
-    cli.getCompiler(webpackArgs, core).then((compiler): void => {
-        startDevServer(compiler, devServerArgs);
-    });
+// Test dev-server availability before importing it
+try {
+    // eslint-disable-next-line node/no-extraneous-require
+    require.resolve('webpack-dev-server');
+} catch (error) {
+    throw new Error(`You need to install 'webpack-dev-server' for running 'webpack serve'.\n${error}`);
 }
+
+import serve from './serve';
+export default serve;

packages/serve/src/serve.ts

@@ -0,0 +1,39 @@
+import { devServer } from 'webpack-dev-server/bin/cli-flags';
+import WebpackCLI from 'webpack-cli';
+import logger from 'webpack-cli/lib/utils/logger';
+import startDevServer from './startDevServer';
+
+/**
+ *
+ * Creates a webpack compiler and runs the devServer
+ *
+ * @param {String[]} args - args processed from the CLI
+ * @returns {Function} invokes the devServer API
+ */
+export default function serve(...args: string[]): void {
+    const cli = new WebpackCLI();
+    const core = cli.getCoreFlags();
+
+    const parsedDevServerArgs = cli.argParser(devServer, args, true);
+    const devServerArgs = parsedDevServerArgs.opts;
+    const parsedWebpackArgs = cli.argParser(core, parsedDevServerArgs.unknownArgs, true, process.title);
+    const webpackArgs = parsedWebpackArgs.opts;
+
+    // pass along the 'hot' argument to the dev server if it exists
+    if (webpackArgs && webpackArgs.hot !== undefined) {
+        devServerArgs['hot'] = webpackArgs.hot;
+    }
+
+    if (parsedWebpackArgs.unknownArgs.length > 0) {
+        parsedWebpackArgs.unknownArgs
+            .filter((e) => e)
+            .forEach((unknown) => {
+                logger.warn('Unknown argument:', unknown);
+            });
+        return;
+    }
+
+    cli.getCompiler(webpackArgs, core).then((compiler): void => {
+        startDevServer(compiler, devServerArgs);
+    });
+}

packages/webpack-cli/lib/commands/ExternalCommand.js

@@ -34,15 +34,6 @@ class ExternalCommand {
                 logger.error(`Action Interrupted, use ${cyan('webpack-cli help')} to see possible commands.`);
             }
         }
-        // Check dev server availability before running serve
-        if (name === 'serve') {
-            try {
-                // eslint-disable-next-line node/no-extraneous-require
-                require.resolve('webpack-dev-server');
-            } catch (error) {
-                throw new Error(`You need to install 'webpack-dev-server' for running 'webpack serve'.\n${error}`);
-            }
-        }
         return pkgLoc ? require(scopeName).default(...args) : null;
     }
 }