@umijs/bundler-webpack 4.0.0-rc.14 → 4.0.0-rc.17

package/dist/config/miniCSSExtractPlugin.js

@@ -1,13 +1,4 @@
 "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 };
 };
@@ -15,19 +6,17 @@ 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"));
-function addMiniCSSExtractPlugin(opts) {
-    return __awaiter(this, void 0, void 0, function* () {
-        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, [
-                {
-                    filename: `[name]${hash}.css`,
-                    chunkFilename: `[name]${hash}.chunk.css`,
-                    ignoreOrder: true,
-                },
-            ]);
-        }
-    });
+async function addMiniCSSExtractPlugin(opts) {
+    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, [
+            {
+                filename: `[name]${hash}.css`,
+                chunkFilename: `[name]${hash}.chunk.css`,
+                ignoreOrder: true,
+            },
+        ]);
+    }
 }
 exports.addMiniCSSExtractPlugin = addMiniCSSExtractPlugin;

package/dist/config/nodePolyfill.js

@@ -1,27 +1,18 @@
 "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.addNodePolyfill = void 0;
 const webpack_1 = require("@umijs/bundler-webpack/compiled/webpack");
-function addNodePolyfill(opts) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const { config } = opts;
-        const nodeLibs = require('node-libs-browser');
-        config.plugin('node-polyfill-provider').use(webpack_1.ProvidePlugin, [
-            {
-                Buffer: ['buffer', 'Buffer'],
-                process: nodeLibs['process'],
-            },
-        ]);
-        config.resolve.fallback.merge(Object.assign(Object.assign({}, Object.keys(nodeLibs).reduce((memo, key) => {
+async function addNodePolyfill(opts) {
+    const { config } = opts;
+    const nodeLibs = require('node-libs-browser');
+    config.plugin('node-polyfill-provider').use(webpack_1.ProvidePlugin, [
+        {
+            Buffer: ['buffer', 'Buffer'],
+            process: nodeLibs['process'],
+        },
+    ]);
+    config.resolve.fallback.merge({
+        ...Object.keys(nodeLibs).reduce((memo, key) => {
             if (nodeLibs[key]) {
                 memo[key] = nodeLibs[key];
             }
@@ -29,7 +20,9 @@ function addNodePolyfill(opts) {
                 memo[key] = false;
             }
             return memo;
-        }, {})), { http: false, https: false }));
+        }, {}),
+        http: false,
+        https: false,
     });
 }
 exports.addNodePolyfill = addNodePolyfill;

package/dist/config/nodePrefixPlugin.js

@@ -1,25 +1,14 @@
 "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.addNodePrefixPlugin = void 0;
 const webpack_1 = require("@umijs/bundler-webpack/compiled/webpack");
-function addNodePrefixPlugin(opts) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const { config } = opts;
-        config.plugin('node-prefix-plugin').use(webpack_1.NormalModuleReplacementPlugin, [
-            /^node:/,
-            (resource) => {
-                resource.request = resource.request.replace(/^node:/, '');
-            },
-        ]);
-    });
+async function addNodePrefixPlugin(opts) {
+    const { config } = opts;
+    config.plugin('node-prefix-plugin').use(webpack_1.NormalModuleReplacementPlugin, [
+        /^node:/,
+        (resource) => {
+            resource.request = resource.request.replace(/^node:/, '');
+        },
+    ]);
 }
 exports.addNodePrefixPlugin = addNodePrefixPlugin;

package/dist/config/progressPlugin.js

@@ -1,27 +1,16 @@
 "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 });
 exports.addProgressPlugin = void 0;
 const ProgressPlugin_1 = __importDefault(require("../plugins/ProgressPlugin"));
-function addProgressPlugin(opts) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const { config, name } = opts;
-        config.plugin('progress-plugin').use(ProgressPlugin_1.default, [
-            {
-                name,
-            },
-        ]);
-    });
+async function addProgressPlugin(opts) {
+    const { config, name } = opts;
+    config.plugin('progress-plugin').use(ProgressPlugin_1.default, [
+        {
+            name,
+        },
+    ]);
 }
 exports.addProgressPlugin = addProgressPlugin;

package/dist/config/purgecssWebpackPlugin.js

@@ -1,32 +1,21 @@
 "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.applyPurgeCSSWebpackPlugin = void 0;
 const types_1 = require("../types");
-function applyPurgeCSSWebpackPlugin(opts) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const { config, userConfig, cwd, env } = opts;
-        config;
-        userConfig;
-        cwd;
-        env;
-        if (userConfig.purgeCSS && env === types_1.Env.production) {
-            config
-                .plugin('purgecss-webpack-plugin')
-                .use(require('@umijs/bundler-webpack/compiled/purgecss-webpack-plugin'), [
-                {
-                    paths: [],
-                },
-            ]);
-        }
-    });
+async function applyPurgeCSSWebpackPlugin(opts) {
+    const { config, userConfig, cwd, env } = opts;
+    config;
+    userConfig;
+    cwd;
+    env;
+    if (userConfig.purgeCSS && env === types_1.Env.production) {
+        config
+            .plugin('purgecss-webpack-plugin')
+            .use(require('@umijs/bundler-webpack/compiled/purgecss-webpack-plugin'), [
+            {
+                paths: [],
+            },
+        ]);
+    }
 }
 exports.applyPurgeCSSWebpackPlugin = applyPurgeCSSWebpackPlugin;

package/dist/config/speedMeasureWebpackPlugin.js

@@ -1,13 +1,4 @@
 "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 };
 };
@@ -16,19 +7,17 @@ exports.addSpeedMeasureWebpackPlugin = void 0;
 // @ts-ignore
 const speed_measure_webpack_plugin_1 = __importDefault(require("@umijs/bundler-webpack/compiled/speed-measure-webpack-plugin"));
 const path_1 = require("path");
-function addSpeedMeasureWebpackPlugin(opts) {
-    return __awaiter(this, void 0, void 0, function* () {
-        let webpackConfig = opts.webpackConfig;
-        if (process.env.SPEED_MEASURE) {
-            const smpOption = process.env.SPEED_MEASURE === 'JSON'
-                ? {
-                    outputFormat: 'json',
-                    outputTarget: (0, path_1.join)(process.cwd(), 'SPEED_MEASURE.json'),
-                }
-                : { outputFormat: 'human', outputTarget: console.log };
-            webpackConfig = new speed_measure_webpack_plugin_1.default(smpOption).wrap(webpackConfig);
-        }
-        return webpackConfig;
-    });
+async function addSpeedMeasureWebpackPlugin(opts) {
+    let webpackConfig = opts.webpackConfig;
+    if (process.env.SPEED_MEASURE) {
+        const smpOption = process.env.SPEED_MEASURE === 'JSON'
+            ? {
+                outputFormat: 'json',
+                outputTarget: (0, path_1.join)(process.cwd(), 'SPEED_MEASURE.json'),
+            }
+            : { outputFormat: 'human', outputTarget: console.log };
+        webpackConfig = new speed_measure_webpack_plugin_1.default(smpOption).wrap(webpackConfig);
+    }
+    return webpackConfig;
 }
 exports.addSpeedMeasureWebpackPlugin = addSpeedMeasureWebpackPlugin;

package/dist/config/svgRules.js

@@ -1,57 +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());
-    });
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addSVGRules = void 0;
-function addSVGRules(opts) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const { config, userConfig } = opts;
-        const { svgr, svgo = {} } = userConfig;
-        if (svgr) {
-            const svgrRule = config.module.rule('svgr');
-            svgrRule
-                .test(/\.svg$/)
-                .issuer(/\.[jt]sx?$/)
-                .type('javascript/auto')
-                .use('svgr-loader')
-                .loader(require.resolve('../loader/svgr'))
-                .options(Object.assign(Object.assign({ svgoConfig: Object.assign({ plugins: [
-                        {
-                            name: 'preset-default',
-                            params: {
-                                overrides: {
-                                    removeTitle: false,
-                                },
+async function addSVGRules(opts) {
+    const { config, userConfig } = opts;
+    const { svgr, svgo = {} } = userConfig;
+    if (svgr) {
+        const svgrRule = config.module.rule('svgr');
+        svgrRule
+            .test(/\.svg$/)
+            .issuer(/\.[jt]sx?$/)
+            .type('javascript/auto')
+            .use('svgr-loader')
+            .loader(require.resolve('../loader/svgr'))
+            .options({
+            svgoConfig: {
+                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');
-            svgRule
-                .test(/\.svg$/)
-                .use('url-loader')
-                .loader(require.resolve('@umijs/bundler-webpack/compiled/url-loader'));
-            return;
-        }
+                    },
+                ],
+                ...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');
         svgRule
             .test(/\.svg$/)
-            .use('svgo-loader')
-            .loader(require.resolve('@umijs/bundler-webpack/compiled/svgo-loader'))
-            .options(Object.assign({ configFile: false }, svgo))
-            .end();
-    });
+            .use('url-loader')
+            .loader(require.resolve('@umijs/bundler-webpack/compiled/url-loader'));
+        return;
+    }
+    const svgRule = config.module.rule('svg');
+    svgRule
+        .test(/\.svg$/)
+        .use('svgo-loader')
+        .loader(require.resolve('@umijs/bundler-webpack/compiled/svgo-loader'))
+        .options({ configFile: false, ...svgo })
+        .end();
 }
 exports.addSVGRules = addSVGRules;

package/dist/dev.js

@@ -1,13 +1,4 @@
 "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 };
 };
@@ -31,115 +22,113 @@ function stripUndefined(obj) {
     return obj;
 }
 exports.stripUndefined = stripUndefined;
-function dev(opts) {
+async function dev(opts) {
     var _a, _b, _c, _d, _e, _f;
     var _g;
-    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: ((_d = opts.config.mfsu) === null || _d === void 0 ? void 0 : _d.cacheDirectory) ||
-                    (0, path_1.join)(opts.rootDir || opts.cwd, 'node_modules/.cache/mfsu'),
-                onMFSUProgress: opts.onMFSUProgress,
-                getCacheDependency() {
-                    return stripUndefined({
-                        version: require('../package.json').version,
-                        mfsu: opts.config.mfsu,
-                        alias: opts.config.alias,
-                        externals: opts.config.externals,
-                        theme: opts.config.theme,
-                        runtimePublicPath: opts.config.runtimePublicPath,
-                        publicPath: opts.config.publicPath,
-                    });
-                },
-            });
+    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.`);
         }
-        const webpackConfig = yield (0, config_1.getConfig)({
-            cwd: opts.cwd,
-            rootDir: opts.rootDir,
-            env: types_1.Env.development,
-            entry: opts.entry,
-            userConfig: opts.config,
-            babelPreset: opts.babelPreset,
-            extraBabelPlugins: [
-                ...(opts.beforeBabelPlugins || []),
-                ...((mfsu === null || mfsu === void 0 ? void 0 : mfsu.getBabelPlugins()) || []),
-                ...(opts.extraBabelPlugins || []),
-            ],
-            extraBabelPresets: [
-                ...(opts.beforeBabelPresets || []),
-                ...(opts.extraBabelPresets || []),
-            ],
-            extraBabelIncludes: opts.config.extraBabelIncludes,
-            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,
-            rootDir: opts.rootDir,
-            env: types_1.Env.development,
-            entry: opts.entry,
-            userConfig: opts.config,
-            hash: true,
-            staticPathPrefix: mfsu_1.MF_DEP_PREFIX,
-            name: constants_1.MFSU_NAME,
-            chainWebpack: (_e = opts.config.mfsu) === null || _e === void 0 ? void 0 : _e.chainWebpack,
-            cache: {
-                buildDependencies: (_f = opts.cache) === null || _f === void 0 ? void 0 : _f.buildDependencies,
-                cacheDirectory: (0, path_1.join)(opts.rootDir || opts.cwd, 'node_modules', '.cache', 'mfsu-deps'),
+        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: ((_d = opts.config.mfsu) === null || _d === void 0 ? void 0 : _d.cacheDirectory) ||
+                (0, path_1.join)(opts.rootDir || opts.cwd, 'node_modules/.cache/mfsu'),
+            onMFSUProgress: opts.onMFSUProgress,
+            getCacheDependency() {
+                return stripUndefined({
+                    version: require('../package.json').version,
+                    mfsu: opts.config.mfsu,
+                    alias: opts.config.alias,
+                    externals: opts.config.externals,
+                    theme: opts.config.theme,
+                    runtimePublicPath: opts.config.runtimePublicPath,
+                    publicPath: opts.config.publicPath,
+                });
             },
         });
-        (_g = webpackConfig.resolve).alias || (_g.alias = {});
-        // TODO: REMOVE ME
-        ['@umijs/utils/compiled/strip-ansi', 'react-error-overlay'].forEach((dep) => {
-            // @ts-ignore
-            webpackConfig.resolve.alias[dep] = require.resolve(dep);
-        });
-        yield (mfsu === null || mfsu === void 0 ? void 0 : mfsu.setWebpackConfig({
-            config: webpackConfig,
-            depConfig: depConfig,
-        }));
-        if (mfsu &&
-            webpackConfig.cache &&
-            typeof webpackConfig.cache === 'object' &&
-            webpackConfig.cache.type === 'filesystem') {
-            const webpackCachePath = (0, path_1.join)(webpackConfig.cache.cacheDirectory, `default-development`, 'index.pack');
-            const mfsuCacheExists = (0, fs_1.existsSync)(mfsu.depInfo.cacheFilePath);
-            const webpackCacheExists = (0, fs_1.existsSync)(webpackCachePath);
-            if (webpackCacheExists && !mfsuCacheExists) {
-                utils_1.logger.warn(`Invalidate webpack cache since mfsu cache is missing`);
-                utils_1.rimraf.sync(webpackConfig.cache.cacheDirectory);
-            }
+    }
+    const webpackConfig = await (0, config_1.getConfig)({
+        cwd: opts.cwd,
+        rootDir: opts.rootDir,
+        env: types_1.Env.development,
+        entry: opts.entry,
+        userConfig: opts.config,
+        babelPreset: opts.babelPreset,
+        extraBabelPlugins: [
+            ...(opts.beforeBabelPlugins || []),
+            ...((mfsu === null || mfsu === void 0 ? void 0 : mfsu.getBabelPlugins()) || []),
+            ...(opts.extraBabelPlugins || []),
+        ],
+        extraBabelPresets: [
+            ...(opts.beforeBabelPresets || []),
+            ...(opts.extraBabelPresets || []),
+        ],
+        extraBabelIncludes: opts.config.extraBabelIncludes,
+        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 = await (0, config_1.getConfig)({
+        cwd: opts.cwd,
+        rootDir: opts.rootDir,
+        env: types_1.Env.development,
+        entry: opts.entry,
+        userConfig: opts.config,
+        hash: true,
+        staticPathPrefix: mfsu_1.MF_DEP_PREFIX,
+        name: constants_1.MFSU_NAME,
+        chainWebpack: (_e = opts.config.mfsu) === null || _e === void 0 ? void 0 : _e.chainWebpack,
+        cache: {
+            buildDependencies: (_f = opts.cache) === null || _f === void 0 ? void 0 : _f.buildDependencies,
+            cacheDirectory: (0, path_1.join)(opts.rootDir || opts.cwd, 'node_modules', '.cache', 'mfsu-deps'),
+        },
+    });
+    (_g = webpackConfig.resolve).alias || (_g.alias = {});
+    // TODO: REMOVE ME
+    ['@umijs/utils/compiled/strip-ansi', 'react-error-overlay'].forEach((dep) => {
+        // @ts-ignore
+        webpackConfig.resolve.alias[dep] = require.resolve(dep);
+    });
+    await (mfsu === null || mfsu === void 0 ? void 0 : mfsu.setWebpackConfig({
+        config: webpackConfig,
+        depConfig: depConfig,
+    }));
+    if (mfsu &&
+        webpackConfig.cache &&
+        typeof webpackConfig.cache === 'object' &&
+        webpackConfig.cache.type === 'filesystem') {
+        const webpackCachePath = (0, path_1.join)(webpackConfig.cache.cacheDirectory, `default-development`, 'index.pack');
+        const mfsuCacheExists = (0, fs_1.existsSync)(mfsu.depInfo.cacheFilePath);
+        const webpackCacheExists = (0, fs_1.existsSync)(webpackCachePath);
+        if (webpackCacheExists && !mfsuCacheExists) {
+            utils_1.logger.warn(`Invalidate webpack cache since mfsu cache is missing`);
+            utils_1.rimraf.sync(webpackConfig.cache.cacheDirectory);
         }
-        yield (0, server_1.createServer)({
-            webpackConfig,
-            userConfig: opts.config,
-            cwd: opts.cwd,
-            beforeMiddlewares: [
-                ...((mfsu === null || mfsu === void 0 ? void 0 : mfsu.getMiddlewares()) || []),
-                ...(opts.beforeMiddlewares || []),
-            ],
-            port: opts.port,
-            host: opts.host,
-            afterMiddlewares: [...(opts.afterMiddlewares || [])],
-            onDevCompileDone: opts.onDevCompileDone,
-            onProgress: opts.onProgress,
-        });
+    }
+    await (0, server_1.createServer)({
+        webpackConfig,
+        userConfig: opts.config,
+        cwd: opts.cwd,
+        beforeMiddlewares: [
+            ...((mfsu === null || mfsu === void 0 ? void 0 : mfsu.getMiddlewares()) || []),
+            ...(opts.beforeMiddlewares || []),
+        ],
+        port: opts.port,
+        host: opts.host,
+        afterMiddlewares: [...(opts.afterMiddlewares || [])],
+        onDevCompileDone: opts.onDevCompileDone,
+        onProgress: opts.onProgress,
     });
 }
 exports.dev = dev;

package/dist/loader/svgr.js

@@ -1,13 +1,4 @@
 "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 };
 };
@@ -22,9 +13,9 @@ 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, {
+const tranformSvg = (0, util_1.callbackify)(async (contents, options, state) => {
+    const jsCode = await (0, core_1.transform)(contents, options, state);
+    const result = await (0, esbuild_1.transform)(jsCode, {
         loader: 'tsx',
         target: 'es2015',
     });
@@ -32,7 +23,7 @@ const tranformSvg = (0, util_1.callbackify)((contents, options, state) => __awai
         throw new Error(`Error while transforming using Esbuild`);
     }
     return result.code;
-}));
+});
 function svgrLoader(contents) {
     this.cacheable && this.cacheable();
     const callback = this.async();