@umijs/bundler-webpack 4.0.0-rc.1 → 4.0.0-rc.12

package/dist/config/config.js

@@ -26,6 +26,7 @@ const compressPlugin_1 = require("./compressPlugin");
 const copyPlugin_1 = require("./copyPlugin");
 const cssRules_1 = require("./cssRules");
 const definePlugin_1 = require("./definePlugin");
+const detectDeadCodePlugin_1 = require("./detectDeadCodePlugin");
 const fastRefreshPlugin_1 = require("./fastRefreshPlugin");
 const forkTSCheckerPlugin_1 = require("./forkTSCheckerPlugin");
 const harmonyLinkingErrorPlugin_1 = require("./harmonyLinkingErrorPlugin");
@@ -34,6 +35,7 @@ const javaScriptRules_1 = require("./javaScriptRules");
 const manifestPlugin_1 = require("./manifestPlugin");
 const miniCSSExtractPlugin_1 = require("./miniCSSExtractPlugin");
 const nodePolyfill_1 = require("./nodePolyfill");
+const nodePrefixPlugin_1 = require("./nodePrefixPlugin");
 const progressPlugin_1 = require("./progressPlugin");
 const speedMeasureWebpackPlugin_1 = require("./speedMeasureWebpackPlugin");
 const svgRules_1 = require("./svgRules");
@@ -42,9 +44,7 @@ function getConfig(opts) {
         const { userConfig } = opts;
         const isDev = opts.env === types_1.Env.development;
         const config = new webpack_5_chain_1.default();
-        userConfig.targets = userConfig.targets || {
-            chrome: 80,
-        };
+        userConfig.targets || (userConfig.targets = constants_1.DEFAULT_BROWSER_TARGETS);
         const useHash = !!(opts.hash || (userConfig.hash && !isDev));
         const applyOpts = {
             name: opts.name,
@@ -136,6 +136,8 @@ function getConfig(opts) {
         yield (0, fastRefreshPlugin_1.addFastRefreshPlugin)(applyOpts);
         // progress
         yield (0, progressPlugin_1.addProgressPlugin)(applyOpts);
+        // detect-dead-code-plugin
+        yield (0, detectDeadCodePlugin_1.addDetectDeadCodePlugin)(applyOpts);
         // fork-ts-checker
         yield (0, forkTSCheckerPlugin_1.addForkTSCheckerPlugin)(applyOpts);
         // copy
@@ -152,6 +154,8 @@ function getConfig(opts) {
         // await applyPurgeCSSWebpackPlugin(applyOpts);
         // handle HarmonyLinkingError
         yield (0, harmonyLinkingErrorPlugin_1.addHarmonyLinkingErrorPlugin)(applyOpts);
+        // remove node: prefix
+        yield (0, nodePrefixPlugin_1.addNodePrefixPlugin)(applyOpts);
         // runtimePublicPath
         if (userConfig.runtimePublicPath) {
             config.plugin('runtimePublicPath').use(RuntimePublicPathPlugin_1.RuntimePublicPathPlugin);

package/dist/config/cssRules.js

@@ -20,7 +20,7 @@ function addCSSRules(opts) {
                 test: /\.less(\?.*)?$/,
                 loader: require.resolve('@umijs/bundler-webpack/compiled/less-loader'),
                 loaderOptions: {
-                    implementation: require.resolve('@umijs/bundler-webpack/compiled/less'),
+                    implementation: require.resolve('@umijs/bundler-utils/compiled/less'),
                     lessOptions: Object.assign({ modifyVars: userConfig.theme, javascriptEnabled: true }, userConfig.lessLoader),
                 },
             },

package/dist/config/detectDeadCode.d.ts

@@ -0,0 +1,12 @@
+import { Compilation } from '@umijs/bundler-webpack/compiled/webpack';
+import { DeadCodeParams } from '../types';
+export interface Options extends DeadCodeParams {
+    patterns: string[];
+    exclude: string[];
+    failOnHint: boolean;
+    detectUnusedFiles: boolean;
+    detectUnusedExport: boolean;
+}
+export declare const disabledFolders: string[];
+declare const detectDeadCode: (compilation: Compilation, options: Options) => void;
+export default detectDeadCode;

package/dist/config/detectDeadCode.js

@@ -0,0 +1,120 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.disabledFolders = void 0;
+const webpack_1 = require("@umijs/bundler-webpack/compiled/webpack");
+const utils_1 = require("@umijs/utils");
+const path_1 = __importDefault(require("path"));
+exports.disabledFolders = [
+    'node_modules',
+    '.umi',
+    '.umi-production',
+    'dist',
+];
+const detectDeadCode = (compilation, options) => {
+    const assets = getWebpackAssets(compilation);
+    const compiledFilesDictionary = convertFilesToDict(assets);
+    const includedFiles = getPattern(options)
+        .map((pattern) => utils_1.glob.sync(pattern))
+        .flat();
+    const unusedFiles = options.detectUnusedFiles
+        ? includedFiles.filter((file) => !compiledFilesDictionary[file])
+        : [];
+    const unusedExportMap = options.detectUnusedExport
+        ? getUnusedExportMap(convertFilesToDict(includedFiles), compilation)
+        : {};
+    logUnusedFiles(unusedFiles);
+    logUnusedExportMap(unusedExportMap);
+    const hasUnusedThings = unusedFiles.length || Object.keys(unusedExportMap).length;
+    if (hasUnusedThings && options.failOnHint) {
+        process.exit(2);
+    }
+};
+const getPattern = (options) => {
+    return options.patterns
+        .map((pattern) => path_1.default.resolve(options.context || '', pattern))
+        .concat(options.exclude.map((pattern) => path_1.default.resolve(options.context || '', `!${pattern}`)))
+        .map(convertToUnixPath);
+};
+const getUnusedExportMap = (includedFileMap, compilation) => {
+    const unusedExportMap = {};
+    compilation.chunks.forEach((chunk) => {
+        compilation.chunkGraph.getChunkModules(chunk).forEach((module) => {
+            outputUnusedExportMap(compilation, chunk, module, includedFileMap, unusedExportMap);
+        });
+    });
+    return unusedExportMap;
+};
+const outputUnusedExportMap = (compilation, chunk, module, includedFileMap, unusedExportMap) => {
+    if (!(module instanceof webpack_1.NormalModule) || !module.resource) {
+        return;
+    }
+    const path = convertToUnixPath(module.resource);
+    if (!/^((?!(node_modules)).)*$/.test(path))
+        return;
+    const providedExports = compilation.chunkGraph.moduleGraph.getProvidedExports(module);
+    const usedExports = compilation.chunkGraph.moduleGraph.getUsedExports(module, chunk.runtime);
+    if (usedExports !== true &&
+        providedExports !== true &&
+        includedFileMap[path]) {
+        if (usedExports === false) {
+            if (providedExports === null || providedExports === void 0 ? void 0 : providedExports.length) {
+                unusedExportMap[path] = providedExports;
+            }
+        }
+        else if (providedExports instanceof Array) {
+            const unusedExports = providedExports.filter((item) => usedExports && !usedExports.has(item));
+            if (unusedExports.length) {
+                unusedExportMap[path] = unusedExports;
+            }
+        }
+    }
+};
+const logUnusedExportMap = (unusedExportMap) => {
+    if (!Object.keys(unusedExportMap).length) {
+        return;
+    }
+    let numberOfUnusedExport = 0;
+    let logStr = '';
+    Object.keys(unusedExportMap).forEach((filePath, fileIndex) => {
+        const unusedExports = unusedExportMap[filePath];
+        logStr += [
+            `\n${fileIndex + 1}. `,
+            utils_1.chalk.yellow(`${filePath}\n`),
+            '    >>>  ',
+            utils_1.chalk.yellow(`${unusedExports.join(',  ')}`),
+        ].join('');
+        numberOfUnusedExport += unusedExports.length;
+    });
+    console.log(utils_1.chalk.yellow.bold('\nWarning:'), utils_1.chalk.yellow(`There are ${numberOfUnusedExport} unused exports in ${Object.keys(unusedExportMap).length} files:`), logStr, utils_1.chalk.red.bold('\nPlease be careful if you want to remove them (¬º-°)¬.\n'));
+};
+const getWebpackAssets = (compilation) => {
+    const outputPath = compilation.getPath(compilation.compiler.outputPath);
+    const assets = [
+        ...Array.from(compilation.fileDependencies),
+        ...compilation
+            .getAssets()
+            .map((asset) => path_1.default.join(outputPath, asset.name)),
+    ];
+    return assets;
+};
+const convertFilesToDict = (assets) => {
+    return assets
+        .filter((file) => Boolean(file) &&
+        exports.disabledFolders.every((disabledPath) => !file.includes(disabledPath)))
+        .reduce((fileDictionary, file) => {
+        const unixFile = convertToUnixPath(file);
+        fileDictionary[unixFile] = true;
+        return fileDictionary;
+    }, {});
+};
+const logUnusedFiles = (unusedFiles) => {
+    if (!(unusedFiles === null || unusedFiles === void 0 ? void 0 : unusedFiles.length)) {
+        return;
+    }
+    console.log(utils_1.chalk.yellow.bold('\nWarning:'), utils_1.chalk.yellow(`There are ${unusedFiles.length} unused files:`), ...unusedFiles.map((file, index) => `\n${index + 1}. ${utils_1.chalk.yellow(file)}`), utils_1.chalk.red.bold('\nPlease be careful if you want to remove them (¬º-°)¬.\n'));
+};
+const convertToUnixPath = (path) => path.replace(/\\+/g, '/');
+exports.default = detectDeadCode;

package/dist/config/detectDeadCodePlugin.d.ts

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

package/dist/config/detectDeadCodePlugin.js

@@ -0,0 +1,75 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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) {
+        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.addDetectDeadCodePlugin = void 0;
+const types_1 = require("../types");
+const detectDeadCode_1 = __importStar(require("./detectDeadCode"));
+const defaultOptions = {
+    patterns: [`!(${detectDeadCode_1.disabledFolders.join('|')})/**/*.*`],
+    exclude: [],
+    failOnHint: false,
+    detectUnusedFiles: true,
+    detectUnusedExport: true,
+};
+class DetectDeadCodePlugin {
+    constructor(options) {
+        this.options = defaultOptions;
+        this.handleAfterEmit = (compilation, callback) => {
+            (0, detectDeadCode_1.default)(compilation, this.options);
+            callback();
+        };
+        if (!options) {
+            return;
+        }
+        this.options = Object.assign(Object.assign({}, this.options), options);
+    }
+    apply(compiler) {
+        if (!this.options.context) {
+            this.options = Object.assign(Object.assign({}, this.options), { context: compiler.context });
+        }
+        compiler.hooks.afterEmit.tapAsync('DetectDeadCodePlugin', this.handleAfterEmit);
+    }
+}
+function addDetectDeadCodePlugin(opts) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const { config, userConfig } = opts;
+        const isDev = opts.env === types_1.Env.development;
+        if (userConfig.deadCode && !isDev) {
+            config
+                .plugin('detect-dead-code-plugin')
+                .use(DetectDeadCodePlugin, [userConfig.deadCode]);
+        }
+    });
+}
+exports.addDetectDeadCodePlugin = addDetectDeadCodePlugin;

package/dist/config/javaScriptRules.js

@@ -8,17 +8,12 @@ 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 mfsu_1 = require("@umijs/mfsu");
 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) {
@@ -47,7 +42,8 @@ function addJavaScriptRules(opts) {
                 .test(/\.(js|mjs)$/)
                 .include.add((path) => {
                 try {
-                    if (path.includes('client/client'))
+                    // do src transform for bundler-webpack/client/client/client.js
+                    if (path.includes('client/client/client'))
                         return true;
                     return (0, depMatch_1.isMatch)({ path, pkgs: depPkgs });
                 }
@@ -119,22 +115,21 @@ function addJavaScriptRules(opts) {
                 });
             }
             else if (srcTranspiler === types_1.Transpiler.swc) {
-                // TODO: support javascript
+                const AutoCSSModule = require('../swcPlugins/autoCSSModules').default;
                 rule
                     .use('swc-loader')
                     .loader(require.resolve('../loader/swc'))
                     .options({
-                    plugin: (m) => new autoCSSModules_1.default().visitProgram(m),
-                    targets: userConfig.targets,
+                    plugin: (m) => new AutoCSSModule().visitProgram(m),
                 });
             }
             else if (srcTranspiler === types_1.Transpiler.esbuild) {
                 rule
                     .use('esbuild-loader')
-                    .loader(esbuild_1.esbuildLoaderPath)
+                    .loader(mfsu_1.esbuildLoader)
                     .options({
                     target: isDev ? 'esnext' : 'es2015',
-                    handler: [autoCssModules_1.default, ...opts.extraEsbuildLoaderHandler],
+                    handler: [mfsu_1.autoCssModulesHandler, ...opts.extraEsbuildLoaderHandler],
                 });
                 // esbuild loader can not auto import `React`
                 config.plugin('react-provide-plugin').use(webpack_1.ProvidePlugin, [

package/dist/config/nodePolyfill.js

@@ -14,12 +14,12 @@ 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'],
             },
         ]);
+        const nodeLibs = require('node-libs-browser');
         config.resolve.fallback.merge(Object.assign(Object.assign({}, Object.keys(nodeLibs).reduce((memo, key) => {
             if (nodeLibs[key]) {
                 memo[key] = nodeLibs[key];

package/dist/config/nodePrefixPlugin.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 addNodePrefixPlugin(opts: IOpts): Promise<void>;
+export {};

package/dist/config/nodePrefixPlugin.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.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:/, '');
+            },
+        ]);
+    });
+}
+exports.addNodePrefixPlugin = addNodePrefixPlugin;

package/dist/constants.d.ts

@@ -9,3 +9,7 @@ export declare enum MESSAGE_TYPE {
     stillOk = "still-ok",
     invalid = "invalid"
 }
+export declare const DEFAULT_BROWSER_TARGETS: {
+    chrome: number;
+};
+export declare const DEFAULT_ESBUILD_TARGET_KEYS: string[];

package/dist/constants.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MESSAGE_TYPE = exports.MFSU_NAME = exports.DEFAULT_OUTPUT_PATH = exports.DEFAULT_DEVTOOL = void 0;
+exports.DEFAULT_ESBUILD_TARGET_KEYS = exports.DEFAULT_BROWSER_TARGETS = exports.MESSAGE_TYPE = exports.MFSU_NAME = exports.DEFAULT_OUTPUT_PATH = exports.DEFAULT_DEVTOOL = void 0;
 exports.DEFAULT_DEVTOOL = 'cheap-module-source-map';
 exports.DEFAULT_OUTPUT_PATH = 'dist';
 exports.MFSU_NAME = 'MFSU';
@@ -13,3 +13,12 @@ var MESSAGE_TYPE;
     MESSAGE_TYPE["stillOk"] = "still-ok";
     MESSAGE_TYPE["invalid"] = "invalid";
 })(MESSAGE_TYPE = exports.MESSAGE_TYPE || (exports.MESSAGE_TYPE = {}));
+exports.DEFAULT_BROWSER_TARGETS = {
+    chrome: 80,
+};
+exports.DEFAULT_ESBUILD_TARGET_KEYS = [
+    'chrome',
+    'firefox',
+    'edge',
+    'safari',
+];

package/dist/dev.d.ts

@@ -4,8 +4,11 @@ declare type IOpts = {
     afterMiddlewares?: any[];
     beforeMiddlewares?: any[];
     onDevCompileDone?: Function;
+    onProgress?: Function;
+    onMFSUProgress?: Function;
     port?: number;
     host?: string;
+    babelPreset?: any;
     chainWebpack?: Function;
     modifyWebpackConfig?: Function;
     beforeBabelPlugins?: any[];
@@ -16,5 +19,6 @@ declare type IOpts = {
     config: IConfig;
     entry: Record<string, string>;
 } & Pick<IConfigOpts, 'cache'>;
+export declare function stripUndefined(obj: any): any;
 export declare function dev(opts: IOpts): Promise<void>;
 export {};

package/dist/dev.js

@@ -12,7 +12,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dev = void 0;
+exports.dev = exports.stripUndefined = void 0;
 const mfsu_1 = require("@umijs/mfsu");
 const utils_1 = require("@umijs/utils");
 const path_1 = require("path");
@@ -21,9 +21,18 @@ const config_1 = require("./config/config");
 const constants_1 = require("./constants");
 const server_1 = require("./server/server");
 const types_1 = require("./types");
+function stripUndefined(obj) {
+    Object.keys(obj).forEach((key) => {
+        if (obj[key] === undefined) {
+            delete obj[key];
+        }
+    });
+    return obj;
+}
+exports.stripUndefined = stripUndefined;
 function dev(opts) {
-    var _a, _b, _c, _d;
-    var _e;
+    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;
@@ -39,13 +48,20 @@ function dev(opts) {
                 },
                 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'),
+                tmpBase: ((_d = opts.config.mfsu) === null || _d === void 0 ? void 0 : _d.cacheDirectory) ||
+                    (0, path_1.join)(opts.cwd, 'node_modules/.cache/mfsu'),
+                onMFSUProgress: opts.onMFSUProgress,
                 getCacheDependency() {
                     var _a;
-                    return {
+                    return stripUndefined({
                         version: require('../package.json').version,
                         esbuildMode: !!((_a = opts.config.mfsu) === null || _a === void 0 ? void 0 : _a.esbuild),
-                    };
+                        alias: opts.config.alias,
+                        externals: opts.config.externals,
+                        theme: opts.config.theme,
+                        runtimePublicPath: opts.config.runtimePublicPath,
+                        publicPath: opts.config.publicPath,
+                    });
                 },
             });
         }
@@ -54,6 +70,7 @@ function dev(opts) {
             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()) || []),
@@ -78,12 +95,13 @@ function dev(opts) {
             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: (_d = opts.cache) === null || _d === void 0 ? void 0 : _d.buildDependencies,
+                buildDependencies: (_f = opts.cache) === null || _f === void 0 ? void 0 : _f.buildDependencies,
                 cacheDirectory: (0, path_1.join)(opts.cwd, 'node_modules', '.cache', 'mfsu-deps'),
             },
         });
-        (_e = webpackConfig.resolve).alias || (_e.alias = {});
+        (_g = webpackConfig.resolve).alias || (_g.alias = {});
         // TODO: REMOVE ME
         ['@umijs/utils/compiled/strip-ansi', 'react-error-overlay'].forEach((dep) => {
             // @ts-ignore
@@ -105,6 +123,7 @@ function dev(opts) {
             host: opts.host,
             afterMiddlewares: [...(opts.afterMiddlewares || [])],
             onDevCompileDone: opts.onDevCompileDone,
+            onProgress: opts.onProgress,
         });
     });
 }

package/dist/index.d.ts

@@ -1,5 +1,8 @@
-export type { RequestHandler } from '../compiled/express';
+import type webpack from '../compiled/webpack';
+export type { RequestHandler } from '@umijs/bundler-utils/compiled/express';
+export type { Compiler, Stats } from '../compiled/webpack';
 export * from './build';
 export * from './config/config';
 export * from './dev';
 export * from './schema';
+export { webpack };

package/dist/index.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/loader/swc.js

@@ -13,27 +13,23 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const core_1 = require("@swc/core");
 const types_1 = require("../types");
-function getBaseOpts({ filename, targets = { chrome: '61' }, }) {
+function getBaseOpts({ filename }) {
     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: {
+    /**
+     * Not use swc auto polyfill , depend on `preset-umi/features/polyfill/polyfill` imported polyfill file
+     *
+     * @issue https://github.com/swc-project/swc/issues/2607
+     *        https://github.com/swc-project/swc/issues/1604
+     */
+    const swcOpts = {
+        module: {
             // @ts-ignore
             type: 'es6',
             ignoreDynamic: true,
-        } }, polyfillOpts), { jsc: {
+        },
+        jsc: {
             parser: {
                 syntax: isTypeScript ? 'typescript' : 'ecmascript',
                 [isTypeScript ? 'tsx' : 'jsx']: !isTSFile,
@@ -50,18 +46,18 @@ function getBaseOpts({ filename, targets = { chrome: '61' }, }) {
                     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 { sync = false, parseMap = false } = loaderOpts, otherOpts = __rest(loaderOpts, ["sync", "parseMap"]);
     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) {

package/dist/plugins/ESBuildCSSMinifyPlugin.js

@@ -38,9 +38,7 @@ class ESBuildCSSMinifyPlugin {
     transformAssets(compilation) {
         return __awaiter(this, void 0, void 0, function* () {
             const { options: { devtool }, } = compilation.compiler;
-            const sourcemap = this.options.sourcemap === undefined
-                ? devtool && devtool
-                : this.options.sourcemap;
+            const sourcemap = this.options.sourcemap === undefined ? !!devtool : this.options.sourcemap;
             const assets = compilation.getAssets().filter((asset) => {
                 return !asset.info.minimized && RE_CSS_FILE.test(asset.name);
             });

package/dist/plugins/ParcelCSSMinifyPlugin.d.ts

@@ -0,0 +1,10 @@
+import type { TransformOptions } from '@parcel/css';
+import type { Compiler } from '../../compiled/webpack/types';
+declare type MinifyPluginOpts = Omit<TransformOptions, 'filename' | 'code' | 'minify'>;
+export declare class ParcelCSSMinifyPlugin {
+    private readonly options;
+    constructor(opts?: MinifyPluginOpts);
+    apply(compiler: Compiler): void;
+    private transformAssets;
+}
+export {};