feat: serve integration

packages/serve/src/index.ts

@@ -1,10 +1,45 @@
-// Test dev-server availability before importing it
+import WebpackCLI from 'webpack-cli';
+import logger from 'webpack-cli/lib/utils/logger';
+import startDevServer from './startDevServer';
+
+let devServerFlags: object[];
 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}`);
+    devServerFlags = require('webpack-dev-server/bin/cli-flags').devServer;
+} catch (err) {
+    throw new Error(`You need to install 'webpack-dev-server' for running 'webpack serve'.\n${err}`);
 }
 
-import serve from './serve';
-export default serve;
+/**
+ *
+ * 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(devServerFlags, 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/serve/src/startDevServer.ts

@@ -1,4 +1,10 @@
-import Server from 'webpack-dev-server/lib/Server';
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+let Server: any;
+try {
+    Server = require('webpack-dev-server/lib/Server');
+} catch (err) {
+    throw new Error(`You need to install 'webpack-dev-server' for running 'webpack serve'.\n${err}`);
+}
 
 /**
  *