feat: add pri.devService.pipeConfig, all modify webpackDevServerConfig

Author: banchichen

src/node/dev-service.ts

@@ -1,8 +1,17 @@
 import { plugin } from '../utils/plugins';
+import { IDevServerConfigPipe } from '../utils/define';
 
 export const on = (name: string, callback: (data?: any, resolve?: any, reject?: any) => void) => {
   plugin.devServices.socketListeners.push({
     name,
     callback,
   });
 };
+
+/**
+ * It is better not to change the host、port and https here when use DLL
+ * Because of the dllScript'src，is read host、devPort、useHttps from priconfig.json
+ */
+export const pipeConfig = (pipe: IDevServerConfigPipe) => {
+  plugin.devServerConfigPipes.push(pipe);
+};

src/utils/define.ts

@@ -1,5 +1,6 @@
 import * as path from 'path';
 import { Configuration } from 'webpack';
+import * as WebpackDevServer from 'webpack-dev-server';
 import { Entry } from './create-entry';
 
 export interface PackageJson {
@@ -398,6 +399,10 @@ export interface IPluginModule {
 
 export type IDevDllList = (list: string[]) => string[];
 
+export type IDevServerConfigPipe = (
+  config: WebpackDevServer.Configuration,
+) => WebpackDevServer.Configuration | Promise<WebpackDevServer.Configuration>;
+
 export type IJestConfigPipe = (options: any) => any;
 
 export type IAfterTestRun = (result?: any) => any;

src/utils/plugins.ts

@@ -20,6 +20,7 @@ import {
   CommandRegister,
   ProjectType,
   IDevDllList,
+  IDevServerConfigPipe,
   IJestConfigPipe,
   IAfterTestRun,
 } from './define';
@@ -94,6 +95,8 @@ export class IPluginConfig {
 
   public devDllPipes: IDevDllList[] = [];
 
+  public devServerConfigPipes: IDevServerConfigPipe[] = [];
+
   public jestConfigPipes: IJestConfigPipe[] = [];
 
   public afterTestRunCallbacks: IAfterTestRun[] = [];

src/utils/webpack-dev-server.ts

@@ -13,6 +13,7 @@ import * as WebpackDevServer from 'webpack-dev-server';
 import * as SpeedMeasurePlugin from 'speed-measure-webpack-plugin';
 import * as ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
 import { globalState } from './global-state';
+import { plugin } from './plugins';
 import { tempPath, srcPath, packagesPath } from './structor-config';
 import { logInfo } from './log';
 import { getWebpackConfig, IOptions } from './webpack-config';
@@ -91,7 +92,7 @@ export const runWebpackDevServer = async (
     );
   }
 
-  const webpackDevServerConfig: WebpackDevServer.Configuration = {
+  const defaultWebpackDevServerConfig: WebpackDevServer.Configuration = {
     host: globalState.sourceConfig.host,
     hot: opts.hot,
     hotOnly: opts.hot,
@@ -130,6 +131,9 @@ export const runWebpackDevServer = async (
     port: opts.devServerPort,
     contentBase: opts.contentBase,
   } as any;
+  const webpackDevServerConfig = (await plugin.devServerConfigPipes.reduce(async (newConfig, fn) => {
+    return fn(await newConfig);
+  }, Promise.resolve(defaultWebpackDevServerConfig))) as any;
 
   WebpackDevServer.addDevServerEntrypoints(webpackConfig as any, webpackDevServerConfig);
 
@@ -144,17 +148,13 @@ export const runWebpackDevServer = async (
   const compiler = webpack(webpackConfig);
 
   const devServer = new WebpackDevServer(compiler as any, webpackDevServerConfig);
+  const { port, host, https } = webpackDevServerConfig;
 
-  devServer.listen(opts.devServerPort, globalState.sourceConfig.host, () => {
+  devServer.listen(port, host, () => {
     let devUrl: string = null;
-    const localSuggestUrl = urlJoin(
-      `${opts.https || globalState.sourceConfig.useHttps ? 'https' : 'http'}://${globalState.sourceConfig.host}:${
-        opts.devServerPort
-      }`,
-      globalState.sourceConfig.baseHref,
-    );
+    const localSuggestUrl = urlJoin(`${https ? 'https' : 'http'}://${host}:${port}`, globalState.sourceConfig.baseHref);
 
-    if (opts.devUrl === globalState.sourceConfig.host) {
+    if (opts.devUrl === host) {
       devUrl = localSuggestUrl;
     } else if (opts.devUrl !== undefined) {
       ({ devUrl } = opts);