@umijs/bundler-webpack 4.0.0-beta.1 → 4.0.0-beta.10

package/compiled/webpack/lazy-compilation-node.js

@@ -9,7 +9,9 @@ exports.keepAlive = function (options) {
 	var active = options.active;
 	var module = options.module;
 	var response;
-	var request = require("http").request(
+	var request = (
+		urlBase.startsWith("https") ? require("https") : require("http")
+	).request(
 		urlBase + data,
 		{
 			agent: false,

package/compiled/webpack/package.json

@@ -1 +1,5 @@
-{"name":"webpack","author":"Tobias Koppers @sokra","license":"MIT","types":"types.d.ts"}
+{
+  "name": "webpack",
+  "author": "Tobias Koppers @sokra",
+  "types": "types.d.ts"
+}

package/compiled/webpack/types.d.ts

@@ -80,6 +80,8 @@ import {
 	WithStatement,
 	YieldExpression
 } from "estree";
+import { ServerOptions as ServerOptionsImport } from 'http';
+import { ListenOptions, Server } from 'net';
 import { validate as validateFunction } from './schema-utils';
 import { default as ValidationError } from './schema-utils/declarations/ValidationError';
 import { ValidationErrorConfiguration } from './schema-utils/declarations/validate';
@@ -95,6 +97,7 @@ import {
 	SyncHook,
 	SyncWaterfallHook
 } from "tapable";
+import { SecureContextOptions, TlsOptions } from 'tls';
 
 declare class AbstractLibraryPlugin<T> {
 	constructor(__0: {
@@ -383,6 +386,10 @@ declare class AutomaticPrefetchPlugin {
 	apply(compiler: Compiler): void;
 }
 type AuxiliaryComment = string | LibraryCustomUmdCommentObject;
+declare interface BackendApi {
+	dispose: (arg0?: Error) => void;
+	module: (arg0: Module) => { client: string; data: string; active: boolean };
+}
 declare class BannerPlugin {
 	constructor(options: BannerPluginArgument);
 	options: BannerPluginOptions;
@@ -5794,25 +5801,45 @@ declare interface KnownStatsProfile {
 	dependencies: number;
 }
 
+/**
+ * Options for the default backend.
+ */
+declare interface LazyCompilationDefaultBackendOptions {
+	/**
+	 * A custom client.
+	 */
+	client?: string;
+
+	/**
+	 * Specifies where to listen to from the server.
+	 */
+	listen?: number | ListenOptions | ((server: typeof Server) => void);
+
+	/**
+	 * Specifies the protocol the client should use to connect to the server.
+	 */
+	protocol?: "http" | "https";
+
+	/**
+	 * Specifies how to create the server handling the EventSource requests.
+	 */
+	server?: ServerOptionsImport | ServerOptionsHttps | (() => typeof Server);
+}
+
 /**
  * Options for compiling entrypoints and import()s only when they are accessed.
  */
 declare interface LazyCompilationOptions {
 	/**
-	 * A custom backend.
+	 * Specifies the backend that should be used for handling client keep alive.
 	 */
 	backend?:
 		| ((
 				compiler: Compiler,
-				client: string,
-				callback: (err?: Error, api?: any) => void
+				callback: (err?: Error, api?: BackendApi) => void
 		  ) => void)
-		| ((compiler: Compiler, client: string) => Promise<any>);
-
-	/**
-	 * A custom client.
-	 */
-	client?: string;
+		| ((compiler: Compiler) => Promise<BackendApi>)
+		| LazyCompilationDefaultBackendOptions;
 
 	/**
 	 * Enable/disable lazy compilation for entries.
@@ -7485,6 +7512,7 @@ declare interface NormalModuleLoaderContext<OptionsType> {
 	utils: {
 		absolutify: (context: string, request: string) => string;
 		contextify: (context: string, request: string) => string;
+		createHash: (algorithm?: string) => Hash;
 	};
 	rootContext: string;
 	fs: InputFileSystem;
@@ -10369,6 +10397,9 @@ declare abstract class Serializer {
 	serialize(obj?: any, context?: any): any;
 	deserialize(value?: any, context?: any): any;
 }
+type ServerOptionsHttps = SecureContextOptions &
+	TlsOptions &
+	ServerOptionsImport;
 declare class SharePlugin {
 	constructor(options: SharePluginOptions);
 

package/dist/build.d.ts

@@ -4,6 +4,13 @@ interface IOpts {
     entry: Record<string, string>;
     config: IConfig;
     onBuildComplete?: Function;
+    babelPreset?: any;
+    chainWebpack?: Function;
+    modifyWebpackConfig?: Function;
+    beforeBabelPlugins?: any[];
+    beforeBabelPresets?: any[];
+    extraBabelPlugins?: any[];
+    extraBabelPresets?: any[];
     clean?: boolean;
 }
 export declare function build(opts: IOpts): Promise<void>;

package/dist/build.js

@@ -25,6 +25,17 @@ function build(opts) {
             entry: opts.entry,
             userConfig: opts.config,
             analyze: process.env.ANALYZE,
+            babelPreset: opts.babelPreset,
+            extraBabelPlugins: [
+                ...(opts.beforeBabelPlugins || []),
+                ...(opts.extraBabelPlugins || []),
+            ],
+            extraBabelPresets: [
+                ...(opts.beforeBabelPresets || []),
+                ...(opts.extraBabelPresets || []),
+            ],
+            chainWebpack: opts.chainWebpack,
+            modifyWebpackConfig: opts.modifyWebpackConfig,
         });
         let isFirstCompile = true;
         return new Promise((resolve, reject) => {

package/dist/cli.js

@@ -1,23 +1,4 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -36,7 +17,6 @@ const utils_1 = require("@umijs/utils");
 const assert_1 = __importDefault(require("assert"));
 const fs_1 = require("fs");
 const path_1 = require("path");
-const process = __importStar(require("process"));
 const build_1 = require("./build");
 const dev_1 = require("./dev");
 const args = (0, utils_1.yParser)(process.argv.slice(2), {});

package/dist/config/assetRules.js

@@ -40,9 +40,22 @@ function addAssetRules(opts) {
             .generator({
             filename: `${opts.staticPathPrefix}[name].[hash:8].[ext]`,
         });
+        rule
+            .oneOf('svg')
+            .type('asset')
+            .resourceQuery(/url/)
+            .parser({
+            dataUrlCondition: {
+                maxSize: 1000,
+            },
+        })
+            .generator({
+            filename: `${opts.staticPathPrefix}[name].[hash:8].[ext]`,
+        });
         rule
             .oneOf('fallback')
-            .exclude.add(/\.(js|mjs|jsx|ts|tsx)$/)
+            .exclude.add(/^$/) /* handle data: resources */
+            .add(/\.(js|mjs|jsx|ts|tsx)$/)
             .add(/\.(css|less|sass|scss|stylus)$/)
             .add(/\.html$/)
             .add(/\.json$/)

package/dist/config/config.d.ts

@@ -4,7 +4,11 @@ interface IOpts {
     cwd: string;
     env: Env;
     entry: Record<string, string>;
+    extraBabelPresets?: any[];
     extraBabelPlugins?: any[];
+    babelPreset?: any;
+    chainWebpack?: Function;
+    modifyWebpackConfig?: Function;
     hash?: boolean;
     hmr?: boolean;
     staticPathPrefix?: string;

package/dist/config/config.js

@@ -47,7 +47,9 @@ function getConfig(opts) {
             userConfig,
             cwd: opts.cwd,
             env: opts.env,
+            babelPreset: opts.babelPreset,
             extraBabelPlugins: opts.extraBabelPlugins || [],
+            extraBabelPresets: opts.extraBabelPresets || [],
             browsers: (0, browsersList_1.getBrowsersList)({
                 targets: userConfig.targets,
             }),
@@ -79,7 +81,7 @@ function getConfig(opts) {
             .path(absOutputPath)
             .filename(useHash ? `[name].[contenthash:8].js` : `[name].js`)
             .chunkFilename(useHash ? `[name].[contenthash:8].async.js` : `[name].js`)
-            .publicPath(userConfig.publicPath || '/')
+            .publicPath(userConfig.publicPath || 'auto')
             .pathinfo(isDev || disableCompress);
         // resolve
         // prettier-ignore
@@ -109,6 +111,7 @@ function getConfig(opts) {
         // experiments
         config.experiments({
             topLevelAwait: true,
+            outputModule: !!userConfig.esm,
         });
         // node polyfill
         yield (0, nodePolyfill_1.addNodePolyfill)(applyOpts);
@@ -145,6 +148,12 @@ function getConfig(opts) {
             yield (0, bundleAnalyzerPlugin_1.addBundleAnalyzerPlugin)(applyOpts);
         }
         // chain webpack
+        if (opts.chainWebpack) {
+            yield opts.chainWebpack(config, {
+                env: opts.env,
+                webpack: webpack_1.default,
+            });
+        }
         if (userConfig.chainWebpack) {
             yield userConfig.chainWebpack(config, {
                 env: opts.env,
@@ -157,6 +166,12 @@ function getConfig(opts) {
         webpackConfig = yield (0, speedMeasureWebpackPlugin_1.addSpeedMeasureWebpackPlugin)({
             webpackConfig,
         });
+        if (opts.modifyWebpackConfig) {
+            webpackConfig = yield opts.modifyWebpackConfig(webpackConfig, {
+                env: opts.env,
+                webpack: webpack_1.default,
+            });
+        }
         return webpackConfig;
     });
 }

package/dist/config/cssRules.js

@@ -14,10 +14,10 @@ function addCSSRules(opts) {
     return __awaiter(this, void 0, void 0, function* () {
         const { config, userConfig } = opts;
         const rulesConfig = [
-            { name: 'css', test: /\.css(\?.*)?/ },
+            { name: 'css', test: /\.css(\?.*)?$/ },
             {
                 name: 'less',
-                test: /\.less(\?.*)?/,
+                test: /\.less(\?.*)?$/,
                 loader: require.resolve('@umijs/bundler-webpack/compiled/less-loader'),
                 loaderOptions: {
                     implementation: require.resolve('@umijs/bundler-webpack/compiled/less'),
@@ -26,7 +26,7 @@ function addCSSRules(opts) {
             },
             {
                 name: 'sass',
-                test: /\.(sass|scss)(\?.*)?/,
+                test: /\.(sass|scss)(\?.*)?$/,
                 loader: require.resolve('@umijs/bundler-webpack/compiled/sass-loader'),
                 loaderOptions: userConfig.sassLoader || {},
             },

package/dist/config/javaScriptRules.d.ts

@@ -6,6 +6,8 @@ interface IOpts {
     cwd: string;
     env: Env;
     extraBabelPlugins: any[];
+    extraBabelPresets: any[];
+    babelPreset: any;
     name?: string;
 }
 export declare function addJavaScriptRules(opts: IOpts): Promise<void>;

package/dist/config/javaScriptRules.js

@@ -8,17 +8,21 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addJavaScriptRules = void 0;
 const utils_1 = require("@umijs/utils");
 const constants_1 = require("../constants");
+const autoCSSModules_1 = __importDefault(require("../swcPlugins/autoCSSModules"));
 const types_1 = require("../types");
 const depMatch_1 = require("../utils/depMatch");
 function addJavaScriptRules(opts) {
     return __awaiter(this, void 0, void 0, function* () {
         const { config, userConfig, cwd, env, name } = opts;
         const isDev = opts.env === types_1.Env.development;
-        const useFastRefresh = isDev && userConfig.fastRefresh !== false && name === constants_1.MFSU_NAME;
+        const useFastRefresh = isDev && userConfig.fastRefresh !== false && name !== constants_1.MFSU_NAME;
         const depPkgs = Object.assign({}, (0, depMatch_1.es5ImcompatibleVersionsToPkg)());
         const srcRules = [
             config.module
@@ -85,10 +89,9 @@ function addJavaScriptRules(opts) {
                     //   : false,
                     targets: userConfig.targets,
                     presets: [
-                        [
+                        opts.babelPreset || [
                             require.resolve('@umijs/babel-preset-umi'),
                             {
-                                env,
                                 presetEnv: {},
                                 presetReact: {},
                                 presetTypeScript: {},
@@ -98,6 +101,7 @@ function addJavaScriptRules(opts) {
                                 pluginAutoCSSModules: userConfig.autoCSSModules,
                             },
                         ],
+                        ...opts.extraBabelPresets,
                         ...(userConfig.extraBabelPresets || []).filter(Boolean),
                     ],
                     plugins: [
@@ -130,6 +134,7 @@ function addJavaScriptRules(opts) {
                             },
                         },
                     },
+                    plugin: (m) => new autoCSSModules_1.default().visitProgram(m),
                 });
             }
             else {

package/dist/config/svgRules.js

@@ -13,28 +13,15 @@ exports.addSVGRules = void 0;
 function addSVGRules(opts) {
     return __awaiter(this, void 0, void 0, function* () {
         const { config, userConfig } = opts;
-        const { svgr, svgo } = userConfig;
+        const { svgr, svgo = {} } = userConfig;
         if (svgr) {
-            // https://react-svgr.com/docs/webpack/#handle-svg-in-css-sass-or-less
-            // https://github.com/gregberge/svgr/issues/551#issuecomment-883073902
-            // https://github.com/webpack/webpack/issues/9309
             const svgrRule = config.module.rule('svgr');
             svgrRule
-                .test(/\.svg$/)
+                .test(/\.svg$/i)
                 .issuer(/\.[jt]sx?$/)
-                .type('javascript/auto')
-                .use('babel-loader')
-                .loader(require.resolve('@umijs/bundler-webpack/compiled/babel-loader'))
-                .end()
                 .use('svgr-loader')
                 .loader(require.resolve('@umijs/bundler-webpack/compiled/@svgr/webpack'))
-                .options(Object.assign(Object.assign({ svgoConfig: {
-                    plugins: [{ removeViewBox: false }],
-                } }, svgr), { svgo }))
-                .end()
-                .use('url-loader')
-                .loader(require.resolve('@umijs/bundler-webpack/compiled/url-loader'))
-                .end();
+                .options(Object.assign(Object.assign({ svgoConfig: Object.assign({}, (svgo || {})) }, svgr), { svgo: !!svgo }));
         }
         if (svgo === false) {
             const svgRule = config.module.rule('svg');

package/dist/dev.d.ts

@@ -5,6 +5,12 @@ interface IOpts {
     onDevCompileDone?: Function;
     port?: number;
     host?: string;
+    chainWebpack?: Function;
+    modifyWebpackConfig?: Function;
+    beforeBabelPlugins?: any[];
+    beforeBabelPresets?: any[];
+    extraBabelPlugins?: any[];
+    extraBabelPresets?: any[];
     cwd: string;
     config: IConfig;
     entry: Record<string, string>;

package/dist/dev.js

@@ -21,16 +21,32 @@ const server_1 = require("./server/server");
 const types_1 = require("./types");
 function dev(opts) {
     var _a;
+    var _b;
     return __awaiter(this, void 0, void 0, function* () {
-        const mfsu = new mfsu_1.MFSU({
-            implementor: webpack_1.default,
-        });
+        const enableMFSU = opts.config.mfsu !== false;
+        let mfsu = null;
+        if (enableMFSU) {
+            mfsu = new mfsu_1.MFSU({
+                implementor: webpack_1.default,
+                buildDepWithESBuild: (_a = opts.config.mfsu) === null || _a === void 0 ? void 0 : _a.esbuild,
+            });
+        }
         const webpackConfig = yield (0, config_1.getConfig)({
             cwd: opts.cwd,
             env: types_1.Env.development,
             entry: opts.entry,
             userConfig: opts.config,
-            extraBabelPlugins: mfsu.getBabelPlugins(),
+            extraBabelPlugins: [
+                ...(opts.beforeBabelPlugins || []),
+                ...((mfsu === null || mfsu === void 0 ? void 0 : mfsu.getBabelPlugins()) || []),
+                ...(opts.extraBabelPlugins || []),
+            ],
+            extraBabelPresets: [
+                ...(opts.beforeBabelPresets || []),
+                ...(opts.extraBabelPresets || []),
+            ],
+            chainWebpack: opts.chainWebpack,
+            modifyWebpackConfig: opts.modifyWebpackConfig,
             hmr: true,
             analyze: process.env.ANALYZE,
         });
@@ -43,13 +59,13 @@ function dev(opts) {
             staticPathPrefix: mfsu_1.MF_DEP_PREFIX,
             name: constants_1.MFSU_NAME,
         });
-        (_a = webpackConfig.resolve).alias || (_a.alias = {});
+        (_b = webpackConfig.resolve).alias || (_b.alias = {});
         // TODO: REMOVE ME
         ['@umijs/utils/compiled/strip-ansi', 'react-error-overlay'].forEach((dep) => {
             // @ts-ignore
             webpackConfig.resolve.alias[dep] = require.resolve(dep);
         });
-        mfsu.setWebpackConfig({
+        mfsu === null || mfsu === void 0 ? void 0 : mfsu.setWebpackConfig({
             config: webpackConfig,
             depConfig: depConfig,
         });
@@ -58,7 +74,7 @@ function dev(opts) {
             userConfig: opts.config,
             cwd: opts.cwd,
             beforeMiddlewares: [
-                ...mfsu.getMiddlewares(),
+                ...((mfsu === null || mfsu === void 0 ? void 0 : mfsu.getMiddlewares()) || []),
                 ...(opts.beforeMiddlewares || []),
             ],
             port: opts.port,

package/dist/schema.js

@@ -50,7 +50,9 @@ function getSchemas() {
         jsMinifier: (Joi) => Joi.string().valid(types_1.JSMinifier.esbuild, types_1.JSMinifier.swc, types_1.JSMinifier.terser, types_1.JSMinifier.uglifyJs, types_1.JSMinifier.none),
         jsMinifierOptions: (Joi) => Joi.object(),
         lessLoader: (Joi) => Joi.object(),
-        mfsu: (Joi) => Joi.alternatives(Joi.object(), Joi.boolean()),
+        mfsu: (Joi) => Joi.alternatives(Joi.object({
+            esbuild: Joi.boolean(),
+        }), Joi.boolean()),
         outputPath: (Joi) => Joi.string(),
         postcssLoader: (Joi) => Joi.object(),
         proxy: (Joi) => Joi.object(),
@@ -63,6 +65,8 @@ function getSchemas() {
         svgo: (Joi) => Joi.alternatives().try(Joi.object(), Joi.boolean()),
         targets: (Joi) => Joi.object(),
         writeToDisk: (Joi) => Joi.boolean(),
+        esm: (Joi) => Joi.object(),
+        theme: (Joi) => Joi.object(),
     };
 }
 exports.getSchemas = getSchemas;

package/dist/server/server.js

@@ -32,6 +32,16 @@ function createServer(opts) {
         // TODO: headers
         // before middlewares
         (opts.beforeMiddlewares || []).forEach((m) => app.use(m));
+        // TODO: add to before middleware
+        app.use((req, res, next) => {
+            if (req.path === '/umi.js' && (0, fs_1.existsSync)((0, path_1.join)(opts.cwd, 'umi.js'))) {
+                res.setHeader('Content-Type', 'application/javascript');
+                res.send((0, fs_1.readFileSync)((0, path_1.join)(opts.cwd, 'umi.js'), 'utf-8'));
+            }
+            else {
+                next();
+            }
+        });
         // webpack dev middleware
         const compiler = (0, webpack_1.default)(Array.isArray(webpackConfig) ? webpackConfig : [webpackConfig]);
         const webpackDevMiddleware = require('@umijs/bundler-webpack/compiled/webpack-dev-middleware');
@@ -117,15 +127,6 @@ function createServer(opts) {
         app.use('/__umi_ping', (_, res) => {
             res.end('pong');
         });
-        // TODO: remove me
-        app.use((req, res, next) => {
-            if (req.path === '/umi.js' && (0, fs_1.existsSync)((0, path_1.join)(opts.cwd, 'umi.js'))) {
-                res.send((0, fs_1.readFileSync)((0, path_1.join)(opts.cwd, 'umi.js'), 'utf-8'));
-            }
-            else {
-                next();
-            }
-        });
         // index.html
         // TODO: remove me
         app.get('/', (_req, res, next) => {

package/dist/server/ws.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="node" />
 import { Server } from 'http';
-import WebSocket from 'ws';
+import WebSocket from '../../compiled/ws';
 export declare function createWebSocketServer(server: Server): {
     send(message: string): void;
     wss: WebSocket.Server;

package/dist/server/ws.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createWebSocketServer = void 0;
 const utils_1 = require("@umijs/utils");
-const ws_1 = __importDefault(require("ws"));
+const ws_1 = __importDefault(require("../../compiled/ws"));
 function createWebSocketServer(server) {
     const wss = new ws_1.default.Server({
         noServer: true,

package/dist/swcPlugins/autoCSSModules.d.ts

@@ -0,0 +1,8 @@
+import { ImportDeclaration, TsType, VariableDeclaration } from '@swc/core';
+import Visitor from '@swc/core/Visitor';
+declare class AutoCSSModule extends Visitor {
+    visitTsType(expression: TsType): TsType;
+    visitImportDeclaration(expression: ImportDeclaration): ImportDeclaration;
+    visitVariableDeclaration(expression: VariableDeclaration): VariableDeclaration;
+}
+export default AutoCSSModule;

package/dist/swcPlugins/autoCSSModules.js

@@ -0,0 +1,35 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const Visitor_1 = __importDefault(require("@swc/core/Visitor"));
+const path_1 = require("path");
+const CSS_EXT_NAMES = ['.css', '.less', '.sass', '.scss', '.stylus', '.styl'];
+class AutoCSSModule extends Visitor_1.default {
+    visitTsType(expression) {
+        return expression;
+    }
+    visitImportDeclaration(expression) {
+        const { specifiers, source } = expression;
+        const { value } = source;
+        if (specifiers.length && CSS_EXT_NAMES.includes((0, path_1.extname)(value))) {
+            return Object.assign(Object.assign({}, expression), { source: Object.assign(Object.assign({}, source), { value: `${value}?modules` }) });
+        }
+        return expression;
+    }
+    visitVariableDeclaration(expression) {
+        const { declarations } = expression;
+        if (declarations.length &&
+            declarations[0].init &&
+            declarations[0].init.type === 'AwaitExpression' &&
+            declarations[0].init.argument.type === 'CallExpression' &&
+            declarations[0].init.argument.arguments[0].expression.type ===
+                'StringLiteral' &&
+            CSS_EXT_NAMES.includes((0, path_1.extname)(declarations[0].init.argument.arguments[0].expression.value))) {
+            declarations[0].init.argument.arguments[0].expression.value = `${declarations[0].init.argument.arguments[0].expression.value}?modules`;
+        }
+        return expression;
+    }
+}
+exports.default = AutoCSSModule;

package/dist/types.d.ts

@@ -52,6 +52,9 @@ export interface IConfig {
     depTranspiler?: Transpiler;
     devtool?: Config.DevTool;
     externals?: WebpackConfig['externals'];
+    esm?: {
+        [key: string]: any;
+    };
     extraBabelPlugins?: IBabelPlugin[];
     extraBabelPresets?: IBabelPlugin[];
     extraPostCSSPlugins?: any[];