@umijs/bundler-webpack 4.0.0-beta.12 → 4.0.0-beta.16

package/compiled/fork-ts-checker-webpack-plugin/package.json

@@ -0,0 +1 @@
+{"name":"fork-ts-checker-webpack-plugin","author":"Piotr Oleś <piotrek.oles@gmail.com>","license":"MIT","types":"lib/index.d.ts"}

package/compiled/webpack-manifest-plugin/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) Dane Thurber <dane.thurber@gmail.com>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/compiled/webpack-manifest-plugin/index.js

@@ -0,0 +1 @@
+(function(){"use strict";var e={927:function(e,t,s){Object.defineProperty(t,"__esModule",{value:true});t.transformFiles=t.reduceChunk=t.reduceAssets=t.generateManifest=void 0;const n=s(17);const generateManifest=(e,t,{generate:s,seed:n={}})=>{let o;if(s){const i=Array.from(e.entrypoints.entries());const a=i.reduce(((e,[t,s])=>Object.assign(e,{[t]:s.getFiles()})),{});o=s(n,t,a)}else{o=t.reduce(((e,t)=>Object.assign(e,{[t.name]:t.path})),n)}return o};t.generateManifest=generateManifest;const getFileType=(e,{transformExtensions:t})=>{const s=e.replace(/\?.*/,"");const n=s.split(".");const o=n.pop();return t.test(o)?`${n.pop()}.${o}`:o};const reduceAssets=(e,t,s)=>{let o;if(s[t.name]){o=s[t.name]}else if(t.info.sourceFilename){o=n.join(n.dirname(t.name),n.basename(t.info.sourceFilename))}if(o){return e.concat({isAsset:true,isChunk:false,isInitial:false,isModuleAsset:true,name:o,path:t.name})}const i=t.chunks&&t.chunks.length>0;if(i){return e}return e.concat({isAsset:true,isChunk:false,isInitial:false,isModuleAsset:false,name:t.name,path:t.name})};t.reduceAssets=reduceAssets;const reduceChunk=(e,t,s,o)=>{Array.from(t.auxiliaryFiles||[]).forEach((e=>{o[e]={isAsset:true,isChunk:false,isInitial:false,isModuleAsset:true,name:n.basename(e),path:e}}));return Array.from(t.files).reduce(((e,n)=>{let o=t.name?t.name:null;o=o?s.useEntryKeys&&!n.endsWith(".map")?o:`${o}.${getFileType(n,s)}`:n;return e.concat({chunk:t,isAsset:false,isChunk:true,isInitial:t.isOnlyInitial(),isModuleAsset:false,name:o,path:n})}),e)};t.reduceChunk=reduceChunk;const standardizeFilePaths=e=>{const t=Object.assign({},e);t.name=e.name.replace(/\\/g,"/");t.path=e.path.replace(/\\/g,"/");return t};const transformFiles=(e,t)=>["filter","map","sort"].filter((e=>!!t[e])).reduce(((e,s)=>e[s](t[s])),e).map(standardizeFilePaths);t.transformFiles=transformFiles},961:function(e,t,s){Object.defineProperty(t,"__esModule",{value:true});t.normalModuleLoaderHook=t.getCompilerHooks=t.emitHook=t.beforeRunHook=void 0;const n=s(147);const o=s(17);const i=s(535);const a=s(728);const r=s(927);const u=new WeakMap;const getCompilerHooks=e=>{let t=u.get(e);if(typeof t==="undefined"){t={afterEmit:new i.SyncWaterfallHook(["manifest"]),beforeEmit:new i.SyncWaterfallHook(["manifest"])};u.set(e,t)}return t};t.getCompilerHooks=getCompilerHooks;const beforeRunHook=({emitCountMap:e,manifestFileName:t},s,n)=>{const o=e.get(t)||0;e.set(t,o+1);if(n){n()}};t.beforeRunHook=beforeRunHook;const l=function emit({compiler:e,emitCountMap:t,manifestAssetId:s,manifestFileName:i,moduleAssets:u,options:l},c){const p=t.get(i)-1;const m=c.getStats().toJson({all:false,assets:true,cachedAssets:true,ids:true,publicPath:true});const f=l.publicPath!==null?l.publicPath:m.publicPath;const{basePath:d,removeKeyHash:h}=l;t.set(i,p);const k={};let b=Array.from(c.chunks).reduce(((e,t)=>r.reduceChunk(e,t,l,k)),[]);b=m.assets.reduce(((e,t)=>r.reduceAssets(e,t,u)),b);b=b.filter((({name:s,path:n})=>{var i;return!n.includes("hot-update")&&typeof t.get(o.join(((i=e.options.output)===null||i===void 0?void 0:i.path)||"<unknown>",s))==="undefined"}));b.forEach((e=>{delete k[e.path]}));Object.keys(k).forEach((e=>{b=b.concat(k[e])}));b=b.map((e=>{const t={name:d?d+e.name:e.name,path:f?f+e.path:e.path};t.name=h?t.name.replace(h,""):t.name;return Object.assign(e,t)}));b=r.transformFiles(b,l);let g=r.generateManifest(c,b,l);const _=p===0;g=getCompilerHooks(e).beforeEmit.call(g);if(_){const e=l.serialize(g);c.emitAsset(s,new a.RawSource(e));if(l.writeToFileEmit){n.mkdirSync(o.dirname(i),{recursive:true});n.writeFileSync(i,e)}}getCompilerHooks(e).afterEmit.call(g)};t.emitHook=l;const normalModuleLoaderHook=({moduleAssets:e},t,s)=>{const{emitFile:n}=t;t.emitFile=(t,i,a)=>{if(s.userRequest&&!e[t]){Object.assign(e,{[t]:o.join(o.dirname(t),o.basename(s.userRequest))})}return n.call(s,t,i,a)}};t.normalModuleLoaderHook=normalModuleLoaderHook},871:function(e,t,s){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:true});t.WebpackManifestPlugin=t.getCompilerHooks=void 0;const o=s(17);const i=n(s(27));const a=n(s(205));const r=s(961);Object.defineProperty(t,"getCompilerHooks",{enumerable:true,get:function(){return r.getCompilerHooks}});const u=new Map;const l={basePath:"",fileName:"manifest.json",filter:null,generate:void 0,map:null,publicPath:null,removeKeyHash:/([a-f0-9]{16,32}\.?)/gi,seed:void 0,serialize(e){return JSON.stringify(e,null,2)},sort:null,transformExtensions:/^(gz|map)$/i,useEntryKeys:false,useLegacyEmit:false,writeToFileEmit:false};class WebpackManifestPlugin{constructor(e){this.options=Object.assign({},l,e)}apply(e){var t,s,n;const l={};const c=o.resolve(((t=e.options.output)===null||t===void 0?void 0:t.path)||"./",this.options.fileName);const p=o.relative(((s=e.options.output)===null||s===void 0?void 0:s.path)||"./",c);const m=r.beforeRunHook.bind(this,{emitCountMap:u,manifestFileName:c});const f=r.emitHook.bind(this,{compiler:e,emitCountMap:u,manifestAssetId:p,manifestFileName:c,moduleAssets:l,options:this.options});const d=r.normalModuleLoaderHook.bind(this,{moduleAssets:l});const h={name:"WebpackManifestPlugin",stage:Infinity};e.hooks.compilation.tap(h,(e=>{const t=!a.default.getCompilationHooks?e.hooks.normalModuleLoader:a.default.getCompilationHooks(e).loader;t.tap(h,d)}));if(((n=i.default.version)===null||n===void 0?void 0:n.startsWith("4"))||this.options.useLegacyEmit===true){e.hooks.emit.tap(h,f)}else{e.hooks.thisCompilation.tap(h,(e=>{e.hooks.processAssets.tap(h,(()=>f(e)))}))}e.hooks.run.tap(h,m);e.hooks.watchRun.tap(h,m)}}t.WebpackManifestPlugin=WebpackManifestPlugin},205:function(e){e.exports=require("../webpack/NormalModule")},535:function(e){e.exports=require("@umijs/bundler-webpack/compiled/tapable")},27:function(e){e.exports=require("@umijs/bundler-webpack/compiled/webpack")},728:function(e){e.exports=require("@umijs/bundler-webpack/compiled/webpack-sources")},147:function(e){e.exports=require("fs")},17:function(e){e.exports=require("path")}};var t={};function __nccwpck_require__(s){var n=t[s];if(n!==undefined){return n.exports}var o=t[s]={exports:{}};var i=true;try{e[s].call(o.exports,o,o.exports,__nccwpck_require__);i=false}finally{if(i)delete t[s]}return o.exports}if(typeof __nccwpck_require__!=="undefined")__nccwpck_require__.ab=__dirname+"/";var s=__nccwpck_require__(871);module.exports=s})();

package/compiled/webpack-manifest-plugin/package.json

@@ -0,0 +1 @@
+{"name":"webpack-manifest-plugin","author":"Dane Thurber <dane.thurber@gmail.com>","license":"MIT"}

package/dist/build.d.ts

@@ -1,5 +1,6 @@
+import { IOpts as IConfigOpts } from './config/config';
 import { IConfig } from './types';
-interface IOpts {
+declare type IOpts = {
     cwd: string;
     entry: Record<string, string>;
     config: IConfig;
@@ -12,6 +13,6 @@ interface IOpts {
     extraBabelPlugins?: any[];
     extraBabelPresets?: any[];
     clean?: boolean;
-}
+} & Pick<IConfigOpts, 'cache'>;
 export declare function build(opts: IOpts): Promise<void>;
 export {};

package/dist/build.js

@@ -36,6 +36,7 @@ function build(opts) {
             ],
             chainWebpack: opts.chainWebpack,
             modifyWebpackConfig: opts.modifyWebpackConfig,
+            cache: opts.cache,
         });
         let isFirstCompile = true;
         return new Promise((resolve, reject) => {

package/dist/config/config.d.ts

@@ -1,6 +1,6 @@
 import { Configuration } from '../../compiled/webpack';
 import { Env, IConfig } from '../types';
-interface IOpts {
+export interface IOpts {
     cwd: string;
     env: Env;
     entry: Record<string, string>;
@@ -15,6 +15,10 @@ interface IOpts {
     userConfig: IConfig;
     analyze?: any;
     name?: string;
+    cache?: {
+        absNodeModulesPath?: string;
+        buildDependencies?: string[];
+        cacheDirectory?: string;
+    };
 }
 export declare function getConfig(opts: IOpts): Promise<Configuration>;
-export {};

package/dist/config/config.js

@@ -17,6 +17,7 @@ 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 RuntimePublicPathPlugin_1 = require("../plugins/RuntimePublicPathPlugin");
 const types_1 = require("../types");
 const browsersList_1 = require("../utils/browsersList");
 const assetRules_1 = require("./assetRules");
@@ -26,8 +27,11 @@ const copyPlugin_1 = require("./copyPlugin");
 const cssRules_1 = require("./cssRules");
 const definePlugin_1 = require("./definePlugin");
 const fastRefreshPlugin_1 = require("./fastRefreshPlugin");
+const forkTSCheckerPlugin_1 = require("./forkTSCheckerPlugin");
+const harmonyLinkingErrorPlugin_1 = require("./harmonyLinkingErrorPlugin");
 const ignorePlugin_1 = require("./ignorePlugin");
 const javaScriptRules_1 = require("./javaScriptRules");
+const manifestPlugin_1 = require("./manifestPlugin");
 const miniCSSExtractPlugin_1 = require("./miniCSSExtractPlugin");
 const nodePolyfill_1 = require("./nodePolyfill");
 const progressPlugin_1 = require("./progressPlugin");
@@ -41,6 +45,7 @@ function getConfig(opts) {
         userConfig.targets = userConfig.targets || {
             chrome: 80,
         };
+        const useHash = !!(opts.hash || (userConfig.hash && !isDev));
         const applyOpts = {
             name: opts.name,
             config,
@@ -53,6 +58,7 @@ function getConfig(opts) {
             browsers: (0, browsersList_1.getBrowsersList)({
                 targets: userConfig.targets,
             }),
+            useHash,
             staticPathPrefix: opts.staticPathPrefix !== undefined ? opts.staticPathPrefix : 'static/',
         };
         // mode
@@ -61,7 +67,6 @@ function getConfig(opts) {
         // 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'));
             }
@@ -75,7 +80,6 @@ function getConfig(opts) {
             : 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)
@@ -131,10 +135,12 @@ function getConfig(opts) {
         yield (0, fastRefreshPlugin_1.addFastRefreshPlugin)(applyOpts);
         // progress
         yield (0, progressPlugin_1.addProgressPlugin)(applyOpts);
+        // fork-ts-checker
+        yield (0, forkTSCheckerPlugin_1.addForkTSCheckerPlugin)(applyOpts);
         // copy
         yield (0, copyPlugin_1.addCopyPlugin)(applyOpts);
-        // TODO: friendly-error
-        // TODO: manifest
+        // manifest
+        yield (0, manifestPlugin_1.addManifestPlugin)(applyOpts);
         // hmr
         if (isDev && opts.hmr) {
             config.plugin('hmr').use(webpack_1.default.HotModuleReplacementPlugin);
@@ -143,6 +149,40 @@ function getConfig(opts) {
         yield (0, compressPlugin_1.addCompressPlugin)(applyOpts);
         // purgecss
         // await applyPurgeCSSWebpackPlugin(applyOpts);
+        // handle HarmonyLinkingError
+        yield (0, harmonyLinkingErrorPlugin_1.addHarmonyLinkingErrorPlugin)(applyOpts);
+        // runtimePublicPath
+        if (userConfig.runtimePublicPath) {
+            config.plugin('runtimePublicPath').use(RuntimePublicPathPlugin_1.RuntimePublicPathPlugin);
+        }
+        // cache
+        if (opts.cache) {
+            config.cache({
+                type: 'filesystem',
+                version: require('../../package.json').version,
+                buildDependencies: {
+                    config: opts.cache.buildDependencies || [],
+                },
+                cacheDirectory: opts.cache.cacheDirectory ||
+                    (0, path_1.join)(opts.cwd, 'node_modules', '.cache', 'bundler-webpack'),
+            });
+            // tnpm 安装依赖的情况 webpack 默认的 managedPaths 不生效
+            // 使用 immutablePaths 避免 node_modules 的内容被写入缓存
+            // tnpm 安装的依赖路径中同时包含包名和版本号，满足 immutablePaths 使用的条件
+            // ref: smallfish
+            if ( /*isTnpm*/require('@umijs/utils/package').__npminstall_done) {
+                config.snapshot({
+                    immutablePaths: [
+                        opts.cache.absNodeModulesPath || (0, path_1.join)(opts.cwd, 'node_modules'),
+                    ],
+                });
+            }
+            config.infrastructureLogging(Object.assign({ level: 'error' }, (process.env.WEBPACK_FS_CACHE_DEBUG
+                ? {
+                    debug: /webpack\.cache/,
+                }
+                : {})));
+        }
         // analyzer
         if (opts.analyze) {
             yield (0, bundleAnalyzerPlugin_1.addBundleAnalyzerPlugin)(applyOpts);

package/dist/config/cssRules.js

@@ -56,7 +56,7 @@ function addCSSRules(opts) {
                 }
                 else {
                     rule
-                        .use('mini-css-extract-plugin-loader')
+                        .use('mini-css-extract-plugin')
                         .loader(require.resolve('@umijs/bundler-webpack/compiled/mini-css-extract-plugin/loader'))
                         .options({
                         publicPath: './',

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

package/dist/config/forkTSCheckerPlugin.js

@@ -0,0 +1,34 @@
+"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.addForkTSCheckerPlugin = void 0;
+// @ts-ignore
+const fork_ts_checker_webpack_plugin_1 = __importDefault(require("@umijs/bundler-webpack/compiled/fork-ts-checker-webpack-plugin"));
+function addForkTSCheckerPlugin(opts) {
+    var _a;
+    return __awaiter(this, void 0, void 0, function* () {
+        const { config, userConfig } = opts;
+        if (userConfig.forkTSChecker) {
+            // use user's typescript
+            if ((_a = userConfig.forkTSChecker.typescript) === null || _a === void 0 ? void 0 : _a.enable) {
+                userConfig.forkTSChecker.typescript.typescriptPath =
+                    require.resolve('typescript');
+            }
+            config
+                .plugin('fork-ts-checker-plugin')
+                .use(fork_ts_checker_webpack_plugin_1.default, [userConfig.forkTSChecker]);
+        }
+    });
+}
+exports.addForkTSCheckerPlugin = addForkTSCheckerPlugin;

package/dist/config/harmonyLinkingErrorPlugin.d.ts

@@ -0,0 +1,6 @@
+import Config from '@umijs/bundler-webpack/compiled/webpack-5-chain';
+interface IOpts {
+    config: Config;
+}
+export declare function addHarmonyLinkingErrorPlugin(opts: IOpts): Promise<void>;
+export {};

package/dist/config/harmonyLinkingErrorPlugin.js

@@ -0,0 +1,42 @@
+"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.addHarmonyLinkingErrorPlugin = void 0;
+// ref: https://github.com/webpack/webpack/blob/ccecc17c01af96edddb931a76e7a3b21ef2969d8/lib/dependencies/HarmonyImportDependency.js#L164
+const LINKING_ERROR_TAG = 'was not found in';
+// build 时会出现 css modules 的引用警告，但这应该是需要忽略的
+const CSS_NO_EXPORTS = /\.(css|sass|scss|styl|less)' \(module has no exports\)/;
+class HarmonyLinkingErrorPlugin {
+    apply(compiler) {
+        compiler.hooks.afterCompile.tap('HarmonyLinkingErrorPlugin', (compilation) => {
+            if (!compilation.warnings.length) {
+                return;
+            }
+            const harmonyLinkingErrors = compilation.warnings.filter((w) => {
+                return (w.name === 'ModuleDependencyWarning' &&
+                    !w.module.resource.includes('node_modules') &&
+                    w.message.includes(LINKING_ERROR_TAG) &&
+                    !CSS_NO_EXPORTS.test(w.message));
+            });
+            if (!harmonyLinkingErrors.length) {
+                return;
+            }
+            compilation.errors.push(...harmonyLinkingErrors);
+        });
+    }
+}
+function addHarmonyLinkingErrorPlugin(opts) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const { config } = opts;
+        config.plugin('harmony-linking-error-plugin').use(HarmonyLinkingErrorPlugin);
+    });
+}
+exports.addHarmonyLinkingErrorPlugin = addHarmonyLinkingErrorPlugin;

package/dist/config/javaScriptRules.js

@@ -20,7 +20,7 @@ const types_1 = require("../types");
 const depMatch_1 = require("../utils/depMatch");
 function addJavaScriptRules(opts) {
     return __awaiter(this, void 0, void 0, function* () {
-        const { config, userConfig, cwd, env, name } = opts;
+        const { 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)());
@@ -115,25 +115,8 @@ 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),
                 });
             }

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/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,14 +14,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.dev = void 0;
 const mfsu_1 = require("@umijs/mfsu");
+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;
@@ -29,6 +30,11 @@ function dev(opts) {
             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,
             });
         }
         const webpackConfig = yield (0, config_1.getConfig)({
@@ -49,6 +55,8 @@ function dev(opts) {
             modifyWebpackConfig: opts.modifyWebpackConfig,
             hmr: true,
             analyze: process.env.ANALYZE,
+            // disable cache since it's conflict with mfsu
+            // cache: opts.cache,
         });
         const depConfig = yield (0, config_1.getConfig)({
             cwd: opts.cwd,
@@ -58,17 +66,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/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,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const core_1 = require("@swc/core");
+const types_1 = require("../types");
+function getBaseOpts(filename) {
+    const isTSFile = filename.endsWith('.ts');
+    const isTypeScript = isTSFile || filename.endsWith('.tsx');
+    const swcOpts = {
+        jsc: {
+            parser: {
+                syntax: isTypeScript ? 'typescript' : 'ecmascript',
+                [isTypeScript ? 'tsx' : 'jsx']: !isTSFile,
+                dynamicImport: isTypeScript,
+            },
+            target: 'es2017',
+            transform: {
+                react: {
+                    runtime: 'automatic',
+                    pragma: 'React.createElement',
+                    pragmaFrag: 'React.Fragment',
+                    throwIfNamespace: true,
+                    development: process.env.NODE_ENV === types_1.Env.development,
+                    useBuiltins: true,
+                },
+            },
+        },
+        sourceMaps: true,
+    };
+    return swcOpts;
+}
+function swcLoader(contents) {
+    // 启用异步模式
+    const callback = this.async();
+    const loaderOpts = this.getOptions();
+    const swcOpts = Object.assign(Object.assign({}, getBaseOpts(this.resourcePath)), loaderOpts);
+    const { sync = false, parseMap = false } = swcOpts;
+    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,29 @@ 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(),
         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(),