@umijs/bundler-webpack 4.0.0-beta.9 → 4.0.0-canary-20240513.3

package/dist/config/config.d.ts

@@ -1,11 +1,14 @@
 import { Configuration } from '../../compiled/webpack';
 import { Env, IConfig } from '../types';
-interface IOpts {
+export interface IOpts {
     cwd: string;
+    rootDir?: string;
     env: Env;
     entry: Record<string, string>;
     extraBabelPresets?: any[];
     extraBabelPlugins?: any[];
+    extraBabelIncludes?: Array<string | RegExp>;
+    extraEsbuildLoaderHandler?: any[];
     babelPreset?: any;
     chainWebpack?: Function;
     modifyWebpackConfig?: Function;
@@ -15,6 +18,12 @@ interface IOpts {
     userConfig: IConfig;
     analyze?: any;
     name?: string;
+    cache?: {
+        absNodeModulesPath?: string;
+        buildDependencies?: string[];
+        cacheDirectory?: string;
+    };
+    pkg?: Record<string, any>;
+    disableCopy?: boolean;
 }
 export declare function getConfig(opts: IOpts): Promise<Configuration>;
-export {};

package/dist/config/config.js

@@ -1,178 +1,241 @@
-"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 __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getConfig = void 0;
-const path_1 = require("path");
-const webpack_1 = __importDefault(require("../../compiled/webpack"));
-const webpack_5_chain_1 = __importDefault(require("../../compiled/webpack-5-chain"));
-const constants_1 = require("../constants");
-const types_1 = require("../types");
-const browsersList_1 = require("../utils/browsersList");
-const assetRules_1 = require("./assetRules");
-const bundleAnalyzerPlugin_1 = require("./bundleAnalyzerPlugin");
-const compressPlugin_1 = require("./compressPlugin");
-const copyPlugin_1 = require("./copyPlugin");
-const cssRules_1 = require("./cssRules");
-const definePlugin_1 = require("./definePlugin");
-const fastRefreshPlugin_1 = require("./fastRefreshPlugin");
-const ignorePlugin_1 = require("./ignorePlugin");
-const javaScriptRules_1 = require("./javaScriptRules");
-const miniCSSExtractPlugin_1 = require("./miniCSSExtractPlugin");
-const nodePolyfill_1 = require("./nodePolyfill");
-const progressPlugin_1 = require("./progressPlugin");
-const speedMeasureWebpackPlugin_1 = require("./speedMeasureWebpackPlugin");
-const svgRules_1 = require("./svgRules");
-function getConfig(opts) {
-    return __awaiter(this, void 0, void 0, function* () {
-        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,
-        };
-        const applyOpts = {
-            name: opts.name,
-            config,
-            userConfig,
-            cwd: opts.cwd,
-            env: opts.env,
-            babelPreset: opts.babelPreset,
-            extraBabelPlugins: opts.extraBabelPlugins || [],
-            extraBabelPresets: opts.extraBabelPresets || [],
-            browsers: (0, browsersList_1.getBrowsersList)({
-                targets: userConfig.targets,
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/config/config.ts
+var config_exports = {};
+__export(config_exports, {
+  getConfig: () => getConfig
+});
+module.exports = __toCommonJS(config_exports);
+var import_case_sensitive_paths_webpack_plugin = __toESM(require("@umijs/case-sensitive-paths-webpack-plugin"));
+var import_utils = require("@umijs/utils");
+var import_path = require("path");
+var import_webpack = __toESM(require("../../compiled/webpack"));
+var import_webpack_5_chain = __toESM(require("../../compiled/webpack-5-chain"));
+var import_constants = require("../constants");
+var import_RuntimePublicPathPlugin = require("../plugins/RuntimePublicPathPlugin");
+var import_types = require("../types");
+var import_browsersList = require("../utils/browsersList");
+var import_assetRules = require("./assetRules");
+var import_bundleAnalyzerPlugin = require("./bundleAnalyzerPlugin");
+var import_compressPlugin = require("./compressPlugin");
+var import_copyPlugin = require("./copyPlugin");
+var import_cssRules = require("./cssRules");
+var import_definePlugin = require("./definePlugin");
+var import_detectCssModulesInDependence = require("./detectCssModulesInDependence");
+var import_detectDeadCodePlugin = require("./detectDeadCodePlugin");
+var import_fastRefreshPlugin = require("./fastRefreshPlugin");
+var import_forkTSCheckerPlugin = require("./forkTSCheckerPlugin");
+var import_harmonyLinkingErrorPlugin = require("./harmonyLinkingErrorPlugin");
+var import_ignorePlugin = require("./ignorePlugin");
+var import_javaScriptRules = require("./javaScriptRules");
+var import_manifestPlugin = require("./manifestPlugin");
+var import_miniCSSExtractPlugin = require("./miniCSSExtractPlugin");
+var import_nodePolyfill = require("./nodePolyfill");
+var import_progressPlugin = require("./progressPlugin");
+var import_speedMeasureWebpackPlugin = require("./speedMeasureWebpackPlugin");
+var import_ssrPlugin = __toESM(require("./ssrPlugin"));
+var import_svgRules = require("./svgRules");
+async function getConfig(opts) {
+  var _a, _b, _c;
+  const { userConfig } = opts;
+  const isDev = opts.env === import_types.Env.development;
+  const config = new import_webpack_5_chain.default();
+  userConfig.targets || (userConfig.targets = import_constants.DEFAULT_BROWSER_TARGETS);
+  userConfig.inlineLimit = parseInt(userConfig.inlineLimit || "10000", 10);
+  const useHash = !!(opts.hash || userConfig.hash && !isDev);
+  const applyOpts = {
+    name: opts.name,
+    config,
+    userConfig,
+    cwd: opts.cwd,
+    env: opts.env,
+    babelPreset: opts.babelPreset,
+    extraBabelPlugins: opts.extraBabelPlugins || [],
+    extraBabelPresets: opts.extraBabelPresets || [],
+    extraBabelIncludes: opts.extraBabelIncludes || [],
+    extraEsbuildLoaderHandler: opts.extraEsbuildLoaderHandler || [],
+    browsers: (0, import_browsersList.getBrowsersList)({
+      targets: userConfig.targets
+    }),
+    useHash,
+    staticPathPrefix: opts.staticPathPrefix !== void 0 ? opts.staticPathPrefix : "static/"
+  };
+  config.name(opts.name);
+  config.mode(opts.env);
+  config.stats("none");
+  Object.keys(opts.entry).forEach((key) => {
+    const entry = config.entry(key);
+    if (isDev && opts.hmr) {
+      entry.add(require.resolve("../../client/client/client"));
+    }
+    entry.add(opts.entry[key]);
+  });
+  config.devtool(
+    isDev ? userConfig.devtool === false ? false : userConfig.devtool || import_constants.DEFAULT_DEVTOOL : userConfig.devtool
+  );
+  const absOutputPath = (0, import_path.resolve)(
+    opts.cwd,
+    userConfig.outputPath || import_constants.DEFAULT_OUTPUT_PATH
+  );
+  const disableCompress = process.env.COMPRESS === "none";
+  config.output.path(absOutputPath).filename(useHash ? `[name].[contenthash:8].js` : `[name].js`).chunkFilename(
+    useHash ? `[name].[contenthash:8].async.js` : `[name].async.js`
+  ).publicPath(userConfig.publicPath || "auto").pathinfo(isDev || disableCompress).set(
+    "assetModuleFilename",
+    `${applyOpts.staticPathPrefix}[name].[hash:8][ext]`
+  ).set("hashFunction", "xxhash64");
+  config.resolve.set("symlinks", true).modules.add("node_modules").end().alias.merge(userConfig.alias || {}).end().extensions.merge([
+    ".ts",
+    ".tsx",
+    ".js",
+    ".jsx",
+    ".mjs",
+    ".cjs",
+    ".json",
+    ".wasm"
+  ]).end();
+  config.externals(userConfig.externals || []);
+  config.target(["web", "es5"]);
+  config.experiments({
+    topLevelAwait: true,
+    outputModule: !!userConfig.esm
+  });
+  await (0, import_nodePolyfill.addNodePolyfill)(applyOpts);
+  await (0, import_javaScriptRules.addJavaScriptRules)(applyOpts);
+  await (0, import_cssRules.addCSSRules)(applyOpts);
+  await (0, import_assetRules.addAssetRules)(applyOpts);
+  await (0, import_svgRules.addSVGRules)(applyOpts);
+  await (0, import_miniCSSExtractPlugin.addMiniCSSExtractPlugin)(applyOpts);
+  await (0, import_ignorePlugin.addIgnorePlugin)(applyOpts);
+  await (0, import_definePlugin.addDefinePlugin)(applyOpts);
+  await (0, import_fastRefreshPlugin.addFastRefreshPlugin)(applyOpts);
+  await (0, import_progressPlugin.addProgressPlugin)(applyOpts);
+  await (0, import_detectDeadCodePlugin.addDetectDeadCodePlugin)(applyOpts);
+  await (0, import_forkTSCheckerPlugin.addForkTSCheckerPlugin)(applyOpts);
+  if (!opts.disableCopy) {
+    await (0, import_copyPlugin.addCopyPlugin)(applyOpts);
+  }
+  await (0, import_manifestPlugin.addManifestPlugin)(applyOpts);
+  if (isDev && opts.hmr) {
+    config.plugin("hmr").use(import_webpack.default.HotModuleReplacementPlugin);
+  }
+  await (0, import_ssrPlugin.default)(applyOpts);
+  await (0, import_compressPlugin.addCompressPlugin)(applyOpts);
+  await (0, import_harmonyLinkingErrorPlugin.addHarmonyLinkingErrorPlugin)(applyOpts);
+  await (0, import_detectCssModulesInDependence.addDependenceCssModulesDetector)(applyOpts);
+  if (userConfig.runtimePublicPath) {
+    config.plugin("runtimePublicPath").use(import_RuntimePublicPathPlugin.RuntimePublicPathPlugin);
+  }
+  config.plugin("case-sensitive-paths").use(import_case_sensitive_paths_webpack_plugin.default);
+  if (opts.cache) {
+    config.cache({
+      type: "filesystem",
+      version: require("../../package.json").version,
+      buildDependencies: {
+        config: opts.cache.buildDependencies || []
+      },
+      cacheDirectory: opts.cache.cacheDirectory || // 使用 rootDir 是在有 APP_ROOT 时，把 cache 目录放在根目录下
+      (0, import_path.join)(
+        opts.rootDir || opts.cwd,
+        "node_modules",
+        ".cache",
+        "bundler-webpack"
+      )
+    });
+    if (require.resolve("@umijs/utils/package").includes("_@umijs_utils@")) {
+      const nodeModulesPath = opts.cache.absNodeModulesPath || (0, import_path.join)(opts.rootDir || opts.cwd, "node_modules");
+      const localLinkedNodeModules = Object.keys(
+        Object.assign(
+          {},
+          (_a = opts.pkg) == null ? void 0 : _a.dependencies,
+          (_b = opts.pkg) == null ? void 0 : _b.peerDependencies,
+          (_c = opts.pkg) == null ? void 0 : _c.devDependencies
+        )
+      ).map((pkg) => {
+        try {
+          return (0, import_path.resolve)(
+            import_utils.resolve.sync(`${pkg}/package.json`, {
+              basedir: opts.rootDir || opts.cwd,
+              preserveSymlinks: false
             }),
-            staticPathPrefix: opts.staticPathPrefix !== undefined ? opts.staticPathPrefix : 'static/',
-        };
-        // mode
-        config.mode(opts.env);
-        config.stats('none');
-        // entry
-        Object.keys(opts.entry).forEach((key) => {
-            const entry = config.entry(key);
-            // TODO: runtimePublicPath
-            if (isDev && opts.hmr) {
-                entry.add(require.resolve('../../client/client/client'));
-            }
-            entry.add(opts.entry[key]);
-        });
-        // devtool
-        config.devtool(isDev
-            ? userConfig.devtool === false
-                ? false
-                : userConfig.devtool || constants_1.DEFAULT_DEVTOOL
-            : userConfig.devtool);
-        // output
-        const absOutputPath = (0, path_1.join)(opts.cwd, userConfig.outputPath || constants_1.DEFAULT_OUTPUT_PATH);
-        const useHash = opts.hash || (userConfig.hash && !isDev);
-        const disableCompress = process.env.COMPRESS === 'none';
-        config.output
-            .path(absOutputPath)
-            .filename(useHash ? `[name].[contenthash:8].js` : `[name].js`)
-            .chunkFilename(useHash ? `[name].[contenthash:8].async.js` : `[name].js`)
-            .publicPath(userConfig.publicPath || 'auto')
-            .pathinfo(isDev || disableCompress);
-        // resolve
-        // prettier-ignore
-        config.resolve
-            .set('symlinks', true)
-            .modules
-            .add('node_modules')
-            .end()
-            .alias
-            .merge(userConfig.alias || {})
-            .end()
-            .extensions
-            .merge([
-            '.wasm',
-            '.mjs',
-            '.js',
-            '.jsx',
-            '.ts',
-            '.tsx',
-            '.json'
-        ])
-            .end();
-        // externals
-        config.externals(userConfig.externals || []);
-        // target
-        config.target(['web', 'es5']);
-        // experiments
-        config.experiments({
-            topLevelAwait: true,
-            outputModule: !!userConfig.esm,
-        });
-        // node polyfill
-        yield (0, nodePolyfill_1.addNodePolyfill)(applyOpts);
-        // rules
-        yield (0, javaScriptRules_1.addJavaScriptRules)(applyOpts);
-        yield (0, cssRules_1.addCSSRules)(applyOpts);
-        yield (0, assetRules_1.addAssetRules)(applyOpts);
-        yield (0, svgRules_1.addSVGRules)(applyOpts);
-        // plugins
-        // mini-css-extract-plugin
-        yield (0, miniCSSExtractPlugin_1.addMiniCSSExtractPlugin)(applyOpts);
-        // ignoreMomentLocale
-        yield (0, ignorePlugin_1.addIgnorePlugin)(applyOpts);
-        // define
-        yield (0, definePlugin_1.addDefinePlugin)(applyOpts);
-        // fast refresh
-        yield (0, fastRefreshPlugin_1.addFastRefreshPlugin)(applyOpts);
-        // progress
-        yield (0, progressPlugin_1.addProgressPlugin)(applyOpts);
-        // copy
-        yield (0, copyPlugin_1.addCopyPlugin)(applyOpts);
-        // TODO: friendly-error
-        // TODO: manifest
-        // hmr
-        if (isDev && opts.hmr) {
-            config.plugin('hmr').use(webpack_1.default.HotModuleReplacementPlugin);
-        }
-        // compress
-        yield (0, compressPlugin_1.addCompressPlugin)(applyOpts);
-        // purgecss
-        // await applyPurgeCSSWebpackPlugin(applyOpts);
-        // analyzer
-        if (opts.analyze) {
-            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,
-                webpack: webpack_1.default,
-            });
+            "../node_modules"
+          );
+        } catch {
+          return opts.rootDir || opts.cwd;
         }
-        let webpackConfig = config.toConfig();
-        // speed measure
-        // TODO: mini-css-extract-plugin 报错
-        webpackConfig = yield (0, speedMeasureWebpackPlugin_1.addSpeedMeasureWebpackPlugin)({
-            webpackConfig,
-        });
-        if (opts.modifyWebpackConfig) {
-            webpackConfig = yield opts.modifyWebpackConfig(webpackConfig, {
-                env: opts.env,
-                webpack: webpack_1.default,
-            });
-        }
-        return webpackConfig;
+      }).filter((pkg) => !pkg.startsWith(opts.rootDir || opts.cwd));
+      if (localLinkedNodeModules.length) {
+        import_utils.logger.info(
+          `Detected local linked tnpm node_modules, to avoid oom, they will be treated as immutablePaths & managedPaths in webpack snapshot:`
+        );
+        localLinkedNodeModules.forEach((p) => import_utils.logger.info(`  ${p}`));
+      }
+      config.snapshot({
+        immutablePaths: [nodeModulesPath, ...localLinkedNodeModules],
+        managedPaths: [nodeModulesPath, ...localLinkedNodeModules]
+      });
+    }
+    config.infrastructureLogging({
+      level: "error",
+      ...process.env.WEBPACK_FS_CACHE_DEBUG ? {
+        debug: /webpack\.cache/
+      } : {}
+    });
+  }
+  if (opts.analyze) {
+    await (0, import_bundleAnalyzerPlugin.addBundleAnalyzerPlugin)(applyOpts);
+  }
+  if (opts.chainWebpack) {
+    await opts.chainWebpack(config, {
+      env: opts.env,
+      webpack: import_webpack.default
+    });
+  }
+  if (userConfig.chainWebpack) {
+    await userConfig.chainWebpack(config, {
+      env: opts.env,
+      webpack: import_webpack.default
+    });
+  }
+  let webpackConfig = config.toConfig();
+  webpackConfig = await (0, import_speedMeasureWebpackPlugin.addSpeedMeasureWebpackPlugin)({
+    webpackConfig
+  });
+  if (opts.modifyWebpackConfig) {
+    webpackConfig = await opts.modifyWebpackConfig(webpackConfig, {
+      env: opts.env,
+      webpack: import_webpack.default
     });
+  }
+  return webpackConfig;
 }
-exports.getConfig = getConfig;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getConfig
+});

package/dist/config/copyPlugin.js

@@ -1,49 +1,63 @@
-"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 __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.addCopyPlugin = void 0;
-const fs_1 = require("fs");
-const path_1 = require("path");
-function addCopyPlugin(opts) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const { config, userConfig, cwd } = opts;
-        const copyPatterns = [
-            (0, fs_1.existsSync)((0, path_1.join)(cwd, 'public')) && {
-                from: (0, path_1.join)(cwd, 'public'),
-            },
-            ...(userConfig.copy
-                ? userConfig.copy.map((item) => {
-                    if (typeof item === 'string') {
-                        return {
-                            from: (0, path_1.join)(cwd, item),
-                            to: item,
-                        };
-                    }
-                    return {
-                        // 相对于 process.cwd，所以这里需要使用绝对路径
-                        from: (0, path_1.join)(cwd, item.from),
-                        to: item.to,
-                    };
-                })
-                : []),
-        ].filter(Boolean);
-        if (copyPatterns.length) {
-            config
-                .plugin('copy')
-                .use(require('@umijs/bundler-webpack/compiled/copy-webpack-plugin'), [
-                {
-                    patterns: copyPatterns,
-                },
-            ]);
-        }
-    });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/config/copyPlugin.ts
+var copyPlugin_exports = {};
+__export(copyPlugin_exports, {
+  addCopyPlugin: () => addCopyPlugin
+});
+module.exports = __toCommonJS(copyPlugin_exports);
+var import_fs = require("fs");
+var import_path = require("path");
+async function addCopyPlugin(opts) {
+  var _a;
+  const { config, userConfig, cwd } = opts;
+  const publicDir = (0, import_path.join)(cwd, "public");
+  const copyPatterns = [
+    (0, import_fs.existsSync)(publicDir) && (0, import_fs.readdirSync)(publicDir).length && {
+      from: publicDir,
+      // ref: https://github.com/webpack-contrib/copy-webpack-plugin#info
+      // Set minimized so terser will not do minimize
+      info: { minimized: true }
+    },
+    ...userConfig.copy ? (_a = userConfig.copy) == null ? void 0 : _a.map((pattern) => {
+      if (typeof pattern === "string") {
+        return {
+          from: (0, import_path.resolve)(cwd, pattern),
+          info: { minimized: true }
+        };
+      }
+      return {
+        from: (0, import_path.resolve)(cwd, pattern.from),
+        to: (0, import_path.resolve)(cwd, pattern.to),
+        info: { minimized: true }
+      };
+    }) : []
+  ].filter(Boolean);
+  if (copyPatterns.length) {
+    config.plugin("copy").use(require("@umijs/bundler-webpack/compiled/copy-webpack-plugin"), [
+      {
+        patterns: copyPatterns
+      }
+    ]);
+  }
 }
-exports.addCopyPlugin = addCopyPlugin;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  addCopyPlugin
+});