@umijs/bundler-webpack 4.0.0-beta.9 → 4.0.0-rc.1

package/dist/config/javaScriptRules.js

@@ -14,13 +14,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addJavaScriptRules = void 0;
 const utils_1 = require("@umijs/utils");
+const webpack_1 = require("../../compiled/webpack");
 const constants_1 = require("../constants");
+const autoCssModules_1 = __importDefault(require("../esbuildHandler/autoCssModules"));
+const esbuild_1 = require("../loader/esbuild");
 const autoCSSModules_1 = __importDefault(require("../swcPlugins/autoCSSModules"));
 const types_1 = require("../types");
 const depMatch_1 = require("../utils/depMatch");
 function addJavaScriptRules(opts) {
+    var _a, _b;
     return __awaiter(this, void 0, void 0, function* () {
-        const { config, userConfig, cwd, env, name } = opts;
+        const { config, userConfig, cwd, name } = opts;
         const isDev = opts.env === types_1.Env.development;
         const useFastRefresh = isDev && userConfig.fastRefresh !== false && name !== constants_1.MFSU_NAME;
         const depPkgs = Object.assign({}, (0, depMatch_1.es5ImcompatibleVersionsToPkg)());
@@ -54,6 +58,9 @@ function addJavaScriptRules(opts) {
             })
                 .end(),
         ];
+        if (userConfig.mdx) {
+            srcRules.push(config.module.rule('markdown').test(/\.mdx?$/));
+        }
         const depRules = [
             config.module
                 .rule('dep')
@@ -115,32 +122,39 @@ function addJavaScriptRules(opts) {
                 // TODO: support javascript
                 rule
                     .use('swc-loader')
-                    .loader(require.resolve('../../compiled/swc-loader'))
+                    .loader(require.resolve('../loader/swc'))
                     .options({
-                    jsc: {
-                        parser: {
-                            syntax: 'typescript',
-                            dynamicImport: true,
-                            tsx: true,
-                        },
-                        transform: {
-                            react: {
-                                runtime: 'automatic',
-                                pragma: 'React.createElement',
-                                pragmaFrag: 'React.Fragment',
-                                throwIfNamespace: true,
-                                development: env === types_1.Env.development,
-                                useBuiltins: true,
-                            },
-                        },
-                    },
                     plugin: (m) => new autoCSSModules_1.default().visitProgram(m),
+                    targets: userConfig.targets,
                 });
             }
+            else if (srcTranspiler === types_1.Transpiler.esbuild) {
+                rule
+                    .use('esbuild-loader')
+                    .loader(esbuild_1.esbuildLoaderPath)
+                    .options({
+                    target: isDev ? 'esnext' : 'es2015',
+                    handler: [autoCssModules_1.default, ...opts.extraEsbuildLoaderHandler],
+                });
+                // esbuild loader can not auto import `React`
+                config.plugin('react-provide-plugin').use(webpack_1.ProvidePlugin, [
+                    {
+                        React: 'react',
+                    },
+                ]);
+            }
             else {
                 throw new Error(`Unsupported srcTranspiler ${srcTranspiler}.`);
             }
         });
+        if (userConfig.mdx) {
+            config.module
+                .rule('mdx')
+                .test(/\.mdx?$/)
+                .use('mdx-loader')
+                .loader((_a = userConfig.mdx) === null || _a === void 0 ? void 0 : _a.loader)
+                .options((_b = userConfig.mdx) === null || _b === void 0 ? void 0 : _b.loaderOptions);
+        }
         const depTranspiler = userConfig.depTranspiler || types_1.Transpiler.none;
         depRules.forEach((_rule) => {
             if (depTranspiler === types_1.Transpiler.none) {

package/dist/config/manifestPlugin.d.ts

@@ -0,0 +1,11 @@
+import Config from '@umijs/bundler-webpack/compiled/webpack-5-chain';
+import { Env, IConfig } from '../types';
+interface IOpts {
+    name?: string;
+    config: Config;
+    userConfig: IConfig;
+    cwd: string;
+    env: Env;
+}
+export declare function addManifestPlugin(opts: IOpts): Promise<void>;
+export {};

package/dist/config/manifestPlugin.js

@@ -0,0 +1,25 @@
+"use strict";
+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) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addManifestPlugin = void 0;
+// @ts-ignore
+const webpack_manifest_plugin_1 = require("@umijs/bundler-webpack/compiled/webpack-manifest-plugin");
+function addManifestPlugin(opts) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const { config, userConfig } = opts;
+        if (userConfig.manifest) {
+            config.plugin('manifest-plugin').use(webpack_manifest_plugin_1.WebpackManifestPlugin, [
+                Object.assign({ fileName: 'asset-manifest.json' }, userConfig.manifest),
+            ]);
+        }
+    });
+}
+exports.addManifestPlugin = addManifestPlugin;

package/dist/config/miniCSSExtractPlugin.d.ts

@@ -5,6 +5,7 @@ interface IOpts {
     userConfig: IConfig;
     cwd: string;
     env: Env;
+    useHash: boolean;
 }
 export declare function addMiniCSSExtractPlugin(opts: IOpts): Promise<void>;
 export {};

package/dist/config/miniCSSExtractPlugin.js

@@ -15,11 +15,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.addMiniCSSExtractPlugin = void 0;
 // @ts-ignore
 const mini_css_extract_plugin_1 = __importDefault(require("@umijs/bundler-webpack/compiled/mini-css-extract-plugin"));
-const types_1 = require("../types");
 function addMiniCSSExtractPlugin(opts) {
     return __awaiter(this, void 0, void 0, function* () {
-        const { config, userConfig, env } = opts;
-        const hash = env !== types_1.Env.development && userConfig.hash ? '.[contenthash:8]' : '';
+        const { config, userConfig, useHash } = opts;
+        const hash = useHash ? '.[contenthash:8]' : '';
         if (!userConfig.styleLoader) {
             config.plugin('mini-css-extract-plugin').use(mini_css_extract_plugin_1.default, [
                 {

package/dist/config/svgRules.d.ts

@@ -6,6 +6,7 @@ interface IOpts {
     cwd: string;
     env: Env;
     browsers: any;
+    staticPathPrefix: string;
 }
 export declare function addSVGRules(opts: IOpts): Promise<void>;
 export {};

package/dist/config/svgRules.js

@@ -17,11 +17,25 @@ function addSVGRules(opts) {
         if (svgr) {
             const svgrRule = config.module.rule('svgr');
             svgrRule
-                .test(/\.svg$/i)
+                .test(/\.svg$/)
                 .issuer(/\.[jt]sx?$/)
+                .type('javascript/auto')
                 .use('svgr-loader')
-                .loader(require.resolve('@umijs/bundler-webpack/compiled/@svgr/webpack'))
-                .options(Object.assign(Object.assign({ svgoConfig: Object.assign({}, (svgo || {})) }, svgr), { svgo: !!svgo }));
+                .loader(require.resolve('../loader/svgr'))
+                .options(Object.assign(Object.assign({ svgoConfig: Object.assign({ plugins: [
+                        {
+                            name: 'preset-default',
+                            params: {
+                                overrides: {
+                                    removeTitle: false,
+                                },
+                            },
+                        },
+                    ] }, svgo) }, svgr), { svgo: !!svgo }))
+                .end()
+                .use('url-loader')
+                .loader(require.resolve('@umijs/bundler-webpack/compiled/url-loader'))
+                .end();
         }
         if (svgo === false) {
             const svgRule = config.module.rule('svg');

package/dist/dev.d.ts

@@ -1,5 +1,6 @@
+import { IOpts as IConfigOpts } from './config/config';
 import { IConfig } from './types';
-interface IOpts {
+declare type IOpts = {
     afterMiddlewares?: any[];
     beforeMiddlewares?: any[];
     onDevCompileDone?: Function;
@@ -14,6 +15,6 @@ interface IOpts {
     cwd: string;
     config: IConfig;
     entry: Record<string, string>;
-}
+} & Pick<IConfigOpts, 'cache'>;
 export declare function dev(opts: IOpts): Promise<void>;
 export {};

package/dist/dev.js

@@ -14,21 +14,39 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.dev = void 0;
 const mfsu_1 = require("@umijs/mfsu");
+const utils_1 = require("@umijs/utils");
+const path_1 = require("path");
 const webpack_1 = __importDefault(require("../compiled/webpack"));
 const config_1 = require("./config/config");
 const constants_1 = require("./constants");
 const server_1 = require("./server/server");
 const types_1 = require("./types");
 function dev(opts) {
-    var _a;
-    var _b;
+    var _a, _b, _c, _d;
+    var _e;
     return __awaiter(this, void 0, void 0, function* () {
         const enableMFSU = opts.config.mfsu !== false;
         let mfsu = null;
         if (enableMFSU) {
+            if (opts.config.srcTranspiler === types_1.Transpiler.swc) {
+                utils_1.logger.warn(`Swc currently not supported for use with mfsu, recommended you use srcTranspiler: 'esbuild' in dev.`);
+            }
             mfsu = new mfsu_1.MFSU({
                 implementor: webpack_1.default,
                 buildDepWithESBuild: (_a = opts.config.mfsu) === null || _a === void 0 ? void 0 : _a.esbuild,
+                depBuildConfig: {
+                    extraPostCSSPlugins: ((_b = opts.config) === null || _b === void 0 ? void 0 : _b.extraPostCSSPlugins) || [],
+                },
+                mfName: (_c = opts.config.mfsu) === null || _c === void 0 ? void 0 : _c.mfName,
+                runtimePublicPath: opts.config.runtimePublicPath,
+                tmpBase: (0, path_1.join)(opts.cwd, 'node_modules/.cache/mfsu'),
+                getCacheDependency() {
+                    var _a;
+                    return {
+                        version: require('../package.json').version,
+                        esbuildMode: !!((_a = opts.config.mfsu) === null || _a === void 0 ? void 0 : _a.esbuild),
+                    };
+                },
             });
         }
         const webpackConfig = yield (0, config_1.getConfig)({
@@ -45,10 +63,12 @@ function dev(opts) {
                 ...(opts.beforeBabelPresets || []),
                 ...(opts.extraBabelPresets || []),
             ],
+            extraEsbuildLoaderHandler: (mfsu === null || mfsu === void 0 ? void 0 : mfsu.getEsbuildLoaderHandler()) || [],
             chainWebpack: opts.chainWebpack,
             modifyWebpackConfig: opts.modifyWebpackConfig,
             hmr: true,
             analyze: process.env.ANALYZE,
+            cache: opts.cache,
         });
         const depConfig = yield (0, config_1.getConfig)({
             cwd: opts.cwd,
@@ -58,17 +78,21 @@ function dev(opts) {
             hash: true,
             staticPathPrefix: mfsu_1.MF_DEP_PREFIX,
             name: constants_1.MFSU_NAME,
+            cache: {
+                buildDependencies: (_d = opts.cache) === null || _d === void 0 ? void 0 : _d.buildDependencies,
+                cacheDirectory: (0, path_1.join)(opts.cwd, 'node_modules', '.cache', 'mfsu-deps'),
+            },
         });
-        (_b = webpackConfig.resolve).alias || (_b.alias = {});
+        (_e = webpackConfig.resolve).alias || (_e.alias = {});
         // TODO: REMOVE ME
         ['@umijs/utils/compiled/strip-ansi', 'react-error-overlay'].forEach((dep) => {
             // @ts-ignore
             webpackConfig.resolve.alias[dep] = require.resolve(dep);
         });
-        mfsu === null || mfsu === void 0 ? void 0 : mfsu.setWebpackConfig({
+        yield (mfsu === null || mfsu === void 0 ? void 0 : mfsu.setWebpackConfig({
             config: webpackConfig,
             depConfig: depConfig,
-        });
+        }));
         yield (0, server_1.createServer)({
             webpackConfig,
             userConfig: opts.config,

package/dist/esbuildHandler/autoCssModules.d.ts

@@ -0,0 +1,2 @@
+import { IEsbuildLoaderHandlerParams } from '../types';
+export default function autoCssModulesHandler(opts: IEsbuildLoaderHandlerParams): string;

package/dist/esbuildHandler/autoCssModules.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const utils_1 = require("@umijs/utils");
+const CSS_MODULES_QUERY = '?modules';
+const QUERY_LENGTH = CSS_MODULES_QUERY.length;
+function autoCssModulesHandler(opts) {
+    let { code } = opts;
+    let offset = 0;
+    opts.imports.forEach((i) => {
+        if (i.d < 0 && (0, utils_1.isStyleFile)({ filename: i.n })) {
+            // import x from './index.less'
+            //   => import x from '
+            const importSegment = code.substring(i.ss + offset, i.s + offset);
+            // is css module
+            if (~importSegment.indexOf(' from')) {
+                code = `${code.substring(0, i.e + offset)}${CSS_MODULES_QUERY}${code.substring(i.e + offset)}`;
+                offset += QUERY_LENGTH;
+            }
+        }
+    });
+    return code;
+}
+exports.default = autoCssModulesHandler;

package/dist/loader/esbuild.d.ts

@@ -0,0 +1,5 @@
+import type { LoaderContext } from '../../compiled/webpack';
+import type { IEsbuildLoaderOpts } from '../types';
+declare function esbuildLoader(this: LoaderContext<IEsbuildLoaderOpts>, source: string): Promise<void>;
+export default esbuildLoader;
+export declare const esbuildLoaderPath: string;

package/dist/loader/esbuild.js

@@ -0,0 +1,53 @@
+"use strict";
+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) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.esbuildLoaderPath = void 0;
+const es_module_lexer_1 = require("@umijs/bundler-utils/compiled/es-module-lexer");
+const esbuild_1 = require("@umijs/bundler-utils/compiled/esbuild");
+const path_1 = require("path");
+function esbuildLoader(source) {
+    var _a;
+    return __awaiter(this, void 0, void 0, function* () {
+        const done = this.async();
+        const options = this.getOptions();
+        const { handler = [] } = options, otherOptions = __rest(options, ["handler"]);
+        const filePath = this.resourcePath;
+        const ext = (0, path_1.extname)(filePath).slice(1);
+        const transformOptions = Object.assign(Object.assign({}, otherOptions), { target: (_a = options.target) !== null && _a !== void 0 ? _a : 'es2015', loader: ext !== null && ext !== void 0 ? ext : 'js', sourcemap: this.sourceMap, sourcefile: filePath });
+        try {
+            let { code, map } = yield (0, esbuild_1.transform)(source, transformOptions);
+            if (handler.length) {
+                yield es_module_lexer_1.init;
+                handler.forEach((handle) => {
+                    const [imports, exports] = (0, es_module_lexer_1.parse)(code);
+                    code = handle({ code, imports, exports, filePath });
+                });
+            }
+            done(null, code, map && JSON.parse(map));
+        }
+        catch (error) {
+            done(error);
+        }
+    });
+}
+exports.default = esbuildLoader;
+exports.esbuildLoaderPath = __filename;

package/dist/loader/svgr.d.ts

@@ -0,0 +1,4 @@
+import { Config } from '@svgr/core';
+import type { LoaderContext } from '../../compiled/webpack';
+declare function svgrLoader(this: LoaderContext<Config>, contents: string): void;
+export default svgrLoader;

package/dist/loader/svgr.js

@@ -0,0 +1,67 @@
+"use strict";
+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) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        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 });
+// MIT: https://github.com/gregberge/svgr/blob/main/packages/webpack/src/index.ts
+// TODO: prebuild @svgr/core @svgr/plugin-jsx @svgr/plugin-svgo
+const core_1 = require("@svgr/core");
+// @ts-ignore
+const plugin_jsx_1 = __importDefault(require("@svgr/plugin-jsx"));
+// @ts-ignore
+const plugin_svgo_1 = __importDefault(require("@svgr/plugin-svgo"));
+const esbuild_1 = require("@umijs/bundler-utils/compiled/esbuild");
+const path_1 = require("path");
+const util_1 = require("util");
+const tranformSvg = (0, util_1.callbackify)((contents, options, state) => __awaiter(void 0, void 0, void 0, function* () {
+    const jsCode = yield (0, core_1.transform)(contents, options, state);
+    const result = yield (0, esbuild_1.transform)(jsCode, {
+        loader: 'tsx',
+        target: 'es2015',
+    });
+    if (!(result === null || result === void 0 ? void 0 : result.code)) {
+        throw new Error(`Error while transforming using Esbuild`);
+    }
+    return result.code;
+}));
+function svgrLoader(contents) {
+    this.cacheable && this.cacheable();
+    const callback = this.async();
+    const options = this.getOptions();
+    const previousExport = (() => {
+        if (contents.startsWith('export '))
+            return contents;
+        const exportMatches = contents.match(/^module.exports\s*=\s*(.*)/);
+        return exportMatches ? `export default ${exportMatches[1]}` : null;
+    })();
+    const state = {
+        caller: {
+            name: 'svgr-loader',
+            previousExport,
+            defaultPlugins: [plugin_svgo_1.default, plugin_jsx_1.default],
+        },
+        filePath: (0, path_1.normalize)(this.resourcePath),
+    };
+    if (!previousExport) {
+        tranformSvg(contents, options, state, callback);
+    }
+    else {
+        this.fs.readFile(this.resourcePath, (err, result) => {
+            if (err) {
+                callback(err);
+                return;
+            }
+            tranformSvg(String(result), options, state, callback);
+        });
+    }
+}
+exports.default = svgrLoader;

package/dist/loader/swc.d.ts

@@ -0,0 +1,4 @@
+import type { LoaderContext } from '../../compiled/webpack';
+import { SwcOptions } from '../types';
+declare function swcLoader(this: LoaderContext<SwcOptions>, contents: string): void;
+export default swcLoader;

package/dist/loader/swc.js

@@ -0,0 +1,83 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const core_1 = require("@swc/core");
+const types_1 = require("../types");
+function getBaseOpts({ filename, targets = { chrome: '61' }, }) {
+    const isTSFile = filename.endsWith('.ts');
+    const isTypeScript = isTSFile || filename.endsWith('.tsx');
+    const isDev = process.env.NODE_ENV === types_1.Env.development;
+    const polyfillOpts = isDev
+        ? {}
+        : {
+            env: {
+                /**
+                 * need `@umijs/preset-umi/src/features/polyfill/swcPolyfill` config alias and provide polyfill
+                 */
+                mode: 'usage',
+                coreJs: 3,
+                targets,
+            },
+        };
+    const swcOpts = Object.assign(Object.assign({ module: {
+            // @ts-ignore
+            type: 'es6',
+            ignoreDynamic: true,
+        } }, polyfillOpts), { jsc: {
+            parser: {
+                syntax: isTypeScript ? 'typescript' : 'ecmascript',
+                [isTypeScript ? 'tsx' : 'jsx']: !isTSFile,
+                dynamicImport: isTypeScript,
+            },
+            target: 'es2015',
+            transform: {
+                react: {
+                    runtime: 'automatic',
+                    pragma: 'React.createElement',
+                    pragmaFrag: 'React.Fragment',
+                    throwIfNamespace: true,
+                    development: isDev,
+                    useBuiltins: true,
+                },
+            },
+        } });
+    return swcOpts;
+}
+function swcLoader(contents) {
+    // 启用异步模式
+    const callback = this.async();
+    const loaderOpts = this.getOptions();
+    const { sync = false, parseMap = false, targets } = loaderOpts, otherOpts = __rest(loaderOpts, ["sync", "parseMap", "targets"]);
+    const filename = this.resourcePath;
+    const swcOpts = Object.assign(Object.assign(Object.assign({}, getBaseOpts({
+        filename,
+        targets,
+    })), { filename, sourceMaps: this.sourceMap, sourceFileName: filename }), otherOpts);
+    try {
+        if (sync) {
+            const output = (0, core_1.transformSync)(contents, swcOpts);
+            callback(null, output.code, parseMap ? JSON.parse(output.map) : output.map);
+        }
+        else {
+            (0, core_1.transform)(contents, swcOpts).then((output) => {
+                callback(null, output.code, parseMap ? JSON.parse(output.map) : output.map);
+            }, (err) => {
+                callback(err);
+            });
+        }
+    }
+    catch (e) {
+        callback(e);
+    }
+}
+exports.default = swcLoader;

package/dist/plugins/RuntimePublicPathPlugin.d.ts

@@ -0,0 +1,4 @@
+import type { Compiler } from '@umijs/bundler-webpack/compiled/webpack';
+export declare class RuntimePublicPathPlugin {
+    apply(compiler: Compiler): void;
+}

package/dist/plugins/RuntimePublicPathPlugin.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RuntimePublicPathPlugin = void 0;
+const PLUGIN_NAME = 'RuntimePublicPath';
+// ref: https://gist.github.com/ScriptedAlchemy/60d0c49ce049184f6ce3e86ca351fdca
+class RuntimePublicPathPlugin {
+    apply(compiler) {
+        compiler.hooks.make.tap(PLUGIN_NAME, (compilation) => {
+            compilation.hooks.runtimeModule.tap(PLUGIN_NAME, (module) => {
+                // The hook to get the public path ('__webpack_require__.p')
+                // https://github.com/webpack/webpack/blob/master/lib/runtime/PublicPathRuntimeModule.js
+                if (module.constructor.name === 'PublicPathRuntimeModule') {
+                    // @ts-ignore
+                    module._cachedGeneratedCode = `__webpack_require__.p = window.publicPath;`;
+                }
+            });
+        });
+    }
+}
+exports.RuntimePublicPathPlugin = RuntimePublicPathPlugin;

package/dist/schema.js

@@ -24,6 +24,7 @@ function getSchemas() {
     return {
         alias: (Joi) => Joi.object(),
         autoCSSModules: (Joi) => Joi.boolean(),
+        autoprefixer: (Joi) => Joi.object(),
         chainWebpack: (Joi) => Joi.function(),
         copy: (Joi) => Joi.array().items(Joi.alternatives().try(Joi.object({
             from: Joi.string(),
@@ -36,28 +37,33 @@ function getSchemas() {
         define: (Joi) => Joi.object(),
         depTranspiler: (Joi) => Joi.string().valid(types_1.Transpiler.babel, types_1.Transpiler.esbuild, types_1.Transpiler.swc, types_1.Transpiler.none),
         devtool: (Joi) => Joi.alternatives().try(Joi.string().regex(DEVTOOL_REGEX), Joi.boolean()),
-        externals: (Joi) => Joi.alternatives().try(Joi.object().pattern(/.+/, [
-            Joi.string(),
-            Joi.boolean(),
-            Joi.object().pattern(/.+/, [Joi.string(), Joi.boolean()]),
-        ]), Joi.string(), Joi.func().arity(3), Joi.object().regex()),
+        externals: (Joi) => Joi.alternatives().try(Joi.object(), Joi.string(), Joi.func()),
         extraBabelPlugins: (Joi) => Joi.alternatives().try(Joi.string(), Joi.array().items(Joi.alternatives().try(Joi.string(), Joi.object()))),
         extraBabelPresets: (Joi) => Joi.alternatives().try(Joi.string(), Joi.array().items(Joi.alternatives().try(Joi.string(), Joi.object()))),
         extraPostCSSPlugins: (Joi) => Joi.array(),
         fastRefresh: (Joi) => Joi.boolean(),
+        forkTSChecker: (Joi) => Joi.object(),
         hash: (Joi) => Joi.boolean(),
         ignoreMomentLocale: (Joi) => Joi.boolean(),
+        inlineLimit: (Joi) => Joi.number(),
         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(),
+        manifest: (Joi) => Joi.object(),
+        mdx: (Joi) => Joi.object({
+            loader: Joi.string(),
+            loaderOptions: Joi.object(),
+        }),
         mfsu: (Joi) => Joi.alternatives(Joi.object({
             esbuild: Joi.boolean(),
+            mfName: Joi.string(),
         }), Joi.boolean()),
         outputPath: (Joi) => Joi.string(),
         postcssLoader: (Joi) => Joi.object(),
         proxy: (Joi) => Joi.object(),
         publicPath: (Joi) => Joi.string(),
         purgeCSS: (Joi) => Joi.object(),
+        runtimePublicPath: (Joi) => Joi.object(),
         sassLoader: (Joi) => Joi.object(),
         srcTranspiler: (Joi) => Joi.string().valid(types_1.Transpiler.babel, types_1.Transpiler.esbuild, types_1.Transpiler.swc, types_1.Transpiler.none),
         styleLoader: (Joi) => Joi.object(),

package/dist/server/server.js

@@ -27,6 +27,25 @@ function createServer(opts) {
         const { webpackConfig, userConfig } = opts;
         const { proxy } = userConfig;
         const app = (0, express_1.default)();
+        // basename middleware
+        app.use((req, _res, next) => {
+            const { url, path } = req;
+            const { basename, history } = userConfig;
+            if ((history === null || history === void 0 ? void 0 : history.type) === 'browser' &&
+                basename !== '/' &&
+                url.startsWith(basename)) {
+                req.url = url.slice(basename.length);
+                req.path = path.slice(basename.length);
+            }
+            next();
+        });
+        // cros
+        app.use((_req, res, next) => {
+            res.header('Access-Control-Allow-Origin', '*');
+            res.header('Access-Control-Allow-Headers', 'Content-Type, Content-Length, Authorization, Accept, X-Requested-With , yourHeaderFeild');
+            res.header('Access-Control-Allow-Methods', 'GET, HEAD, PUT, POST, PATCH, DELETE, OPTIONS');
+            next();
+        });
         // compression
         app.use(require('@umijs/bundler-webpack/compiled/compression')());
         // TODO: headers
@@ -150,7 +169,7 @@ function createServer(opts) {
         const port = opts.port || 8000;
         server.listen(port, () => {
             const host = opts.host && opts.host !== '0.0.0.0' ? opts.host : '127.0.0.1';
-            utils_1.logger.ready(`App listening at http://${host}:${port}`);
+            utils_1.logger.ready(`App listening at ${utils_1.chalk.green(`http://${host}:${port}`)}`);
         });
         return server;
     });