@modern-js/server 2.0.0-beta.3 → 2.0.0-beta.4

package/dist/js/modern/server/dev-server.js

@@ -1,32 +1,71 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-import { createServer } from 'http';
-import path from 'path';
-import { createServer as createHttpsServer } from 'https';
-import { API_DIR, LOADER_ROUTES_DIR, SERVER_DIR, SHARED_DIR } from '@modern-js/utils';
-import { createProxyHandler, ModernServer, AGGRED_DIR } from '@modern-js/prod-server';
-import { LOADABLE_STATS_FILE } from '@modern-js/utils/constants';
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __reflectGet = Reflect.get;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __superGet = (cls, obj, key) => __reflectGet(__getProtoOf(cls), key, obj);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import { createServer } from "http";
+import path from "path";
+import { createServer as createHttpsServer } from "https";
+import {
+  API_DIR,
+  LOADER_ROUTES_DIR,
+  SERVER_DIR,
+  SHARED_DIR
+} from "@modern-js/utils";
+import {
+  createProxyHandler,
+  ModernServer,
+  AGGRED_DIR
+} from "@modern-js/prod-server";
+import { LOADABLE_STATS_FILE } from "@modern-js/utils/constants";
 import { getDefaultDevOptions } from "../constants";
 import { createMockHandler } from "../dev-tools/mock";
 import { enableRegister } from "../dev-tools/register";
 import Watcher, { mergeWatchOptions } from "../dev-tools/watcher";
 import DevMiddleware from "../dev-tools/dev-middleware";
-export class ModernDevServer extends ModernServer {
+class ModernDevServer extends ModernServer {
   constructor(options) {
     super(options);
-
-    // dev server should work in pwd
-    _defineProperty(this, "mockHandler", null);
-    _defineProperty(this, "dev", void 0);
-    _defineProperty(this, "devMiddleware", void 0);
-    _defineProperty(this, "watcher", void 0);
+    this.mockHandler = null;
     this.workDir = this.pwd;
-
-    // set dev server options, like webpack-dev-server
     this.dev = this.getDevOptions(options);
-
-    // create dev middleware instance
     this.devMiddleware = new DevMiddleware({
       dev: this.dev,
       compiler: options.compiler,
@@ -35,19 +74,16 @@ export class ModernDevServer extends ModernServer {
     enableRegister(this.pwd, this.conf);
   }
   getDevOptions(options) {
-    const devOptions = typeof options.dev === 'boolean' ? {} : options.dev;
+    const devOptions = typeof options.dev === "boolean" ? {} : options.dev;
     const defaultOptions = getDefaultDevOptions();
-    return _objectSpread(_objectSpread(_objectSpread({}, defaultOptions), devOptions), {}, {
-      client: _objectSpread(_objectSpread({}, defaultOptions.client), devOptions === null || devOptions === void 0 ? void 0 : devOptions.client)
+    return __spreadProps(__spreadValues(__spreadValues({}, defaultOptions), devOptions), {
+      client: __spreadValues(__spreadValues({}, defaultOptions.client), devOptions == null ? void 0 : devOptions.client)
     });
   }
   addMiddlewareHandler(handlers) {
-    handlers.forEach(handler => {
+    handlers.forEach((handler) => {
       this.addHandler((ctx, next) => {
-        const {
-          req,
-          res
-        } = ctx;
+        const { req, res } = ctx;
         return handler(req, res, next);
       });
     });
@@ -59,186 +95,132 @@ export class ModernDevServer extends ModernServer {
     };
     const befores = [];
     const afters = [];
-    setupMiddlewares.forEach(handler => {
-      handler({
-        unshift: (...handlers) => befores.unshift(...handlers),
-        push: (...handlers) => afters.push(...handlers)
-      }, serverOptions);
+    setupMiddlewares.forEach((handler) => {
+      handler(
+        {
+          unshift: (...handlers) => befores.unshift(...handlers),
+          push: (...handlers) => afters.push(...handlers)
+        },
+        serverOptions
+      );
     });
-    return {
-      befores,
-      afters
-    };
+    return { befores, afters };
   }
-
-  // Complete the preparation of services
-  async onInit(runner, app) {
-    this.runner = runner;
-    const {
-      dev
-    } = this;
-
-    // Order: devServer.before => setupMiddlewares.unshift => internal middlewares => setupMiddlewares.push => devServer.after
-    const {
-      befores,
-      afters
-    } = this.applySetupMiddlewares();
-
-    // before dev handler
-    const beforeHandlers = await this.setupBeforeDevMiddleware();
-    this.addMiddlewareHandler([...beforeHandlers, ...befores]);
-    await this.applyDefaultMiddlewares(app);
-
-    // after dev handler
-    const afterHandlers = await this.setupAfterDevMiddleware();
-    this.addMiddlewareHandler([...afters, ...afterHandlers]);
-    await super.onInit(runner, app);
-
-    // watch mock/ server/ api/ dir file change
-    if (dev.watch) {
-      this.startWatcher();
-      app.on('close', async () => {
-        var _this$watcher;
-        await ((_this$watcher = this.watcher) === null || _this$watcher === void 0 ? void 0 : _this$watcher.close());
-      });
-    }
-  }
-  async applyDefaultMiddlewares(app) {
-    const {
-      pwd,
-      dev,
-      devMiddleware
-    } = this;
-    this.addHandler((ctx, next) => {
-      // allow hmr request cross-domain, because the user may use global proxy
-      ctx.res.setHeader('Access-Control-Allow-Origin', '*');
-      if (ctx.path.includes('hot-update')) {
-        ctx.res.setHeader('Access-Control-Allow-Credentials', 'false');
-      }
-
-      // 用户在 devServer 上配置的 headers 不会对 html 的请求生效，加入下面代码，使配置的 headers 对所有请求生效
-      const confHeaders = dev.headers;
-      if (confHeaders) {
-        for (const [key, value] of Object.entries(confHeaders)) {
-          ctx.res.setHeader(key, value);
-        }
+  onInit(runner, app) {
+    return __async(this, null, function* () {
+      this.runner = runner;
+      const { dev } = this;
+      const { befores, afters } = this.applySetupMiddlewares();
+      const beforeHandlers = yield this.setupBeforeDevMiddleware();
+      this.addMiddlewareHandler([...beforeHandlers, ...befores]);
+      yield this.applyDefaultMiddlewares(app);
+      const afterHandlers = yield this.setupAfterDevMiddleware();
+      this.addMiddlewareHandler([...afters, ...afterHandlers]);
+      yield __superGet(ModernDevServer.prototype, this, "onInit").call(this, runner, app);
+      if (dev.watch) {
+        this.startWatcher();
+        app.on("close", () => __async(this, null, function* () {
+          var _a;
+          yield (_a = this.watcher) == null ? void 0 : _a.close();
+        }));
       }
-      next();
     });
-
-    // mock handler
-    this.mockHandler = createMockHandler({
-      pwd
-    });
-    this.addHandler((ctx, next) => {
-      if (this.mockHandler) {
-        this.mockHandler(ctx, next);
-      } else {
+  }
+  applyDefaultMiddlewares(app) {
+    return __async(this, null, function* () {
+      const { pwd, dev, devMiddleware } = this;
+      this.addHandler((ctx, next) => {
+        ctx.res.setHeader("Access-Control-Allow-Origin", "*");
+        if (ctx.path.includes("hot-update")) {
+          ctx.res.setHeader("Access-Control-Allow-Credentials", "false");
+        }
+        const confHeaders = dev.headers;
+        if (confHeaders) {
+          for (const [key, value] of Object.entries(confHeaders)) {
+            ctx.res.setHeader(key, value);
+          }
+        }
         next();
-      }
-    });
-
-    // dev proxy handler, each proxy has own handler
-    const proxyHandlers = createProxyHandler(dev.proxy);
-    if (proxyHandlers) {
-      proxyHandlers.forEach(handler => {
-        this.addHandler(handler);
       });
-    }
-
-    // do webpack build / plugin apply / socket server when pass compiler instance
-    devMiddleware.init(app);
-    devMiddleware.on('change', stats => {
-      // Reset only when client compile done
-      if (stats.toJson({
-        all: false
-      }).name === 'client') {
-        this.onRepack({
-          routes: this.getRoutes()
+      this.mockHandler = createMockHandler({ pwd });
+      this.addHandler((ctx, next) => {
+        if (this.mockHandler) {
+          this.mockHandler(ctx, next);
+        } else {
+          next();
+        }
+      });
+      const proxyHandlers = createProxyHandler(dev.proxy);
+      if (proxyHandlers) {
+        proxyHandlers.forEach((handler) => {
+          this.addHandler(handler);
         });
       }
-    });
-    this.addHandler((ctx, next) => {
-      const {
-        req,
-        res
-      } = ctx;
-      if (devMiddleware.middleware) {
-        devMiddleware.middleware(req, res, next);
-      } else {
-        next();
+      devMiddleware.init(app);
+      devMiddleware.on("change", (stats) => {
+        if (stats.toJson({ all: false }).name === "client") {
+          this.onRepack({ routes: this.getRoutes() });
+        }
+      });
+      this.addHandler((ctx, next) => {
+        const { req, res } = ctx;
+        if (devMiddleware.middleware) {
+          devMiddleware.middleware(req, res, next);
+        } else {
+          next();
+        }
+      });
+      if (dev.historyApiFallback) {
+        const { default: connectHistoryApiFallback } = yield import("connect-history-api-fallback");
+        const historyApiFallbackMiddleware = connectHistoryApiFallback(
+          typeof dev.historyApiFallback === "boolean" ? {} : dev.historyApiFallback
+        );
+        this.addHandler(
+          (ctx, next) => historyApiFallbackMiddleware(ctx.req, ctx.res, next)
+        );
       }
     });
-    if (dev.historyApiFallback) {
-      const {
-        default: connectHistoryApiFallback
-      } = await import('connect-history-api-fallback');
-      const historyApiFallbackMiddleware = connectHistoryApiFallback(typeof dev.historyApiFallback === 'boolean' ? {} : dev.historyApiFallback);
-      this.addHandler((ctx, next) => historyApiFallbackMiddleware(ctx.req, ctx.res, next));
-    }
   }
   onRepack(options = {}) {
-    // reset the routing management instance every times the service starts
     if (Array.isArray(options.routes)) {
       this.router.reset(this.filterRoutes(options.routes));
     }
-
-    // clean ssr bundle cache
     this.cleanSSRCache();
-
-    // reset static file
     this.reader.updateFile();
     super.onRepack(options);
   }
-  async createHTTPServer(handler) {
-    const {
-      dev
-    } = this;
-    const devHttpsOption = typeof dev === 'object' && dev.https;
-    if (devHttpsOption) {
-      const {
-        genHttpsOptions
-      } = require("../dev-tools/https");
-      const httpsOptions = await genHttpsOptions(devHttpsOption);
-      return createHttpsServer(httpsOptions, handler);
-    } else {
-      return createServer(handler);
-    }
+  createHTTPServer(handler) {
+    return __async(this, null, function* () {
+      const { dev } = this;
+      const devHttpsOption = typeof dev === "object" && dev.https;
+      if (devHttpsOption) {
+        const { genHttpsOptions } = require("../dev-tools/https");
+        const httpsOptions = yield genHttpsOptions(devHttpsOption);
+        return createHttpsServer(httpsOptions, handler);
+      } else {
+        return createServer(handler);
+      }
+    });
   }
   warmupSSRBundle() {
-    // not warmup ssr bundle on development
   }
   onServerChange({
     filepath,
     event
   }) {
-    const {
-      pwd
-    } = this;
-    const {
-      mock
-    } = AGGRED_DIR;
+    const { pwd } = this;
+    const { mock } = AGGRED_DIR;
     const mockPath = path.normalize(path.join(pwd, mock));
     this.runner.reset();
     if (filepath.startsWith(mockPath)) {
-      this.mockHandler = createMockHandler({
-        pwd
-      });
+      this.mockHandler = createMockHandler({ pwd });
     } else {
       try {
-        const success = this.runner.onApiChange([{
-          filename: filepath,
-          event
-        }]);
-
-        // onApiChange 钩子被调用，且返回 true，则表示无需重新编译
-        // onApiChange 的类型是 WaterFall,WaterFall 钩子的返回值类型目前有问题
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-expect-error
+        const success = this.runner.onApiChange([
+          { filename: filepath, event }
+        ]);
         if (success !== true) {
-          super.onServerChange({
-            filepath
-          });
+          super.onServerChange({ filepath });
         }
       } catch (e) {
         this.logger.error(e);
@@ -246,36 +228,28 @@ export class ModernDevServer extends ModernServer {
     }
   }
   createContext(req, res) {
-    return super.createContext(req, res, {
-      etag: true
-    });
+    return super.createContext(req, res, { etag: true });
   }
-  async setupBeforeDevMiddleware() {
-    const {
-      runner,
-      conf,
-      dev
-    } = this;
-    const setupMids = dev.before || [];
-    const pluginMids = await runner.beforeDevServer(conf);
-    return [...setupMids, ...pluginMids].flat();
+  setupBeforeDevMiddleware() {
+    return __async(this, null, function* () {
+      const { runner, conf, dev } = this;
+      const setupMids = dev.before || [];
+      const pluginMids = yield runner.beforeDevServer(conf);
+      return [...setupMids, ...pluginMids].flat();
+    });
   }
-  async setupAfterDevMiddleware() {
-    const {
-      runner,
-      conf,
-      dev
-    } = this;
-    const setupMids = dev.after || [];
-    const pluginMids = await runner.afterDevServer(conf);
-    return [...pluginMids, ...setupMids].flat();
+  setupAfterDevMiddleware() {
+    return __async(this, null, function* () {
+      const { runner, conf, dev } = this;
+      const setupMids = dev.after || [];
+      const pluginMids = yield runner.afterDevServer(conf);
+      return [...pluginMids, ...setupMids].flat();
+    });
   }
   cleanSSRCache() {
-    const {
-      distDir
-    } = this;
+    const { distDir } = this;
     const bundles = this.router.getBundles();
-    bundles.forEach(bundle => {
+    bundles.forEach((bundle) => {
       const filepath = path.join(distDir, bundle);
       if (require.cache[filepath]) {
         delete require.cache[filepath];
@@ -287,24 +261,23 @@ export class ModernDevServer extends ModernServer {
     }
   }
   startWatcher() {
-    var _this$conf$server;
-    const {
-      pwd,
-      distDir
-    } = this;
-    const {
-      mock
-    } = AGGRED_DIR;
-    const defaultWatched = [`${mock}/**/*`, `${SERVER_DIR}/**/*`, `${API_DIR}/**`, `${SHARED_DIR}/**/*`, `${distDir}/${LOADER_ROUTES_DIR}/**`];
-    const watchOptions = mergeWatchOptions((_this$conf$server = this.conf.server) === null || _this$conf$server === void 0 ? void 0 : _this$conf$server.watchOptions);
-    const defaultWatchedPaths = defaultWatched.map(p => {
+    var _a;
+    const { pwd, distDir } = this;
+    const { mock } = AGGRED_DIR;
+    const defaultWatched = [
+      `${mock}/**/*`,
+      `${SERVER_DIR}/**/*`,
+      `${API_DIR}/**`,
+      `${SHARED_DIR}/**/*`,
+      `${distDir}/${LOADER_ROUTES_DIR}/**`
+    ];
+    const watchOptions = mergeWatchOptions((_a = this.conf.server) == null ? void 0 : _a.watchOptions);
+    const defaultWatchedPaths = defaultWatched.map((p) => {
       const finalPath = path.isAbsolute(p) ? p : path.join(pwd, p);
       return path.normalize(finalPath);
     });
     const watcher = new Watcher();
     watcher.createDepTree();
-
-    // 监听文件变动，如果有变动则给 client，也就是 start 启动的插件发消息
     watcher.listen(defaultWatchedPaths, watchOptions, (filepath, event) => {
       watcher.updateDepTree();
       watcher.cleanDepCache(filepath);
@@ -315,4 +288,7 @@ export class ModernDevServer extends ModernServer {
     });
     this.watcher = watcher;
   }
-}
+}
+export {
+  ModernDevServer
+};

package/dist/js/modern/server/index.js

@@ -1,13 +1,16 @@
-import { Server } from '@modern-js/prod-server';
+import { Server } from "@modern-js/prod-server";
 import { ModernDevServer } from "./dev-server";
-const createDevServer = options => {
+const createDevServer = (options) => {
   return new ModernDevServer(options);
 };
-export class DevServer extends Server {
+class DevServer extends Server {
   constructor(options) {
     super(options);
     if (options.dev) {
       this.serverImpl = createDevServer;
     }
   }
-}
+}
+export {
+  DevServer
+};

package/dist/js/node/constants.js

@@ -1,25 +1,38 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  getDefaultDevOptions: () => getDefaultDevOptions
 });
-exports.getDefaultDevOptions = void 0;
-var _utils = require("@modern-js/utils");
+module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("@modern-js/utils");
 const getDefaultDevOptions = () => {
-  const network = (0, _utils.getIpv4Interfaces)().find(item => !item.internal);
+  const network = (0, import_utils.getIpv4Interfaces)().find((item) => !item.internal);
   return {
     client: {
-      port: '8080',
-      path: _utils.HMR_SOCK_PATH,
-      host: (network === null || network === void 0 ? void 0 : network.address) || 'localhost'
+      port: "8080",
+      path: import_utils.HMR_SOCK_PATH,
+      host: (network == null ? void 0 : network.address) || "localhost"
     },
     https: false,
-    devMiddleware: {
-      writeToDisk: true
-    },
+    devMiddleware: { writeToDisk: true },
     watch: true,
     hot: true,
     liveReload: true
   };
 };
-exports.getDefaultDevOptions = getDefaultDevOptions;

package/dist/js/node/dev-tools/dev-middleware/dev-server-plugin.js

@@ -1,45 +1,57 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  default: () => DevServerPlugin
 });
-exports.default = void 0;
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+module.exports = __toCommonJS(stdin_exports);
 class DevServerPlugin {
   constructor(options) {
-    _defineProperty(this, "options", void 0);
     this.options = options;
   }
   injectHMRClient(compiler) {
-    const {
-      client
-    } = this.options;
-    const host = client !== null && client !== void 0 && client.host ? `&host=${client.host}` : '';
-    const path = client !== null && client !== void 0 && client.path ? `&path=${client.path}` : '';
-    const port = client !== null && client !== void 0 && client.port ? `&port=${client.port}` : '';
+    const { client } = this.options;
+    const host = (client == null ? void 0 : client.host) ? `&host=${client.host}` : "";
+    const path = (client == null ? void 0 : client.path) ? `&path=${client.path}` : "";
+    const port = (client == null ? void 0 : client.port) ? `&port=${client.port}` : "";
     const clientEntry = `${require.resolve("./hmr-client")}?${host}${path}${port}`;
-
-    // use a hook to add entries if available
     new compiler.webpack.EntryPlugin(compiler.context, clientEntry, {
-      name: undefined
+      name: void 0
     }).apply(compiler);
   }
   apply(compiler) {
     if (this.options.hot || this.options.liveReload) {
       this.injectHMRClient(compiler);
     }
-
-    // Todo remove, client must inject.
     const compilerOptions = compiler.options;
-    const {
-      HotModuleReplacementPlugin
-    } = compiler.webpack;
+    const { HotModuleReplacementPlugin } = compiler.webpack;
     compilerOptions.plugins = compilerOptions.plugins || [];
-    if (!compilerOptions.plugins.find(p => p.constructor === HotModuleReplacementPlugin)) {
-      // apply the HMR plugin, if it didn't exist before.
+    if (!compilerOptions.plugins.find(
+      (p) => p.constructor === HotModuleReplacementPlugin
+    )) {
       const plugin = new HotModuleReplacementPlugin();
       plugin.apply(compiler);
     }
   }
 }
-exports.default = DevServerPlugin;