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

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

@@ -1 +1 @@
-(function(){"use strict";var e={156: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},874: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(156);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 normalizePath=e=>{if(!e.endsWith("/")){return`${e}/`}return e};const t={name:d?normalizePath(d)+e.name:e.name,path:f?normalizePath(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},131: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(205));const a=s(874);Object.defineProperty(t,"getCompilerHooks",{enumerable:true,get:function(){return a.getCompilerHooks}});const r=new Map;const u={assetHookStage:Infinity,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({},u,e)}apply(e){var t,s;const n={};const u=o.resolve(((t=e.options.output)===null||t===void 0?void 0:t.path)||"./",this.options.fileName);const l=o.relative(((s=e.options.output)===null||s===void 0?void 0:s.path)||"./",u);const c=a.beforeRunHook.bind(this,{emitCountMap:r,manifestFileName:u});const p=a.emitHook.bind(this,{compiler:e,emitCountMap:r,manifestAssetId:l,manifestFileName:u,moduleAssets:n,options:this.options});const m=a.normalModuleLoaderHook.bind(this,{moduleAssets:n});const f={name:"WebpackManifestPlugin",stage:this.options.assetHookStage};e.hooks.compilation.tap(f,(e=>{const t=!i.default.getCompilationHooks?e.hooks.normalModuleLoader:i.default.getCompilationHooks(e).loader;t.tap(f,m)}));if(this.options.useLegacyEmit===true){e.hooks.emit.tap(f,p)}else{e.hooks.thisCompilation.tap(f,(e=>{e.hooks.processAssets.tap(f,(()=>p(e)))}))}e.hooks.run.tapAsync(f,c);e.hooks.watchRun.tapAsync(f,c)}}t.WebpackManifestPlugin=WebpackManifestPlugin},205:function(e){e.exports=require("../webpack/NormalModule")},535:function(e){e.exports=require("@umijs/bundler-webpack/compiled/tapable")},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__(131);module.exports=s})();
+(function(){"use strict";var e={156: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},874: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(156);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 normalizePath=e=>{if(!e.endsWith("/")){return`${e}/`}return e};const t={name:d?normalizePath(d)+e.name:e.name,path:f?normalizePath(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},131: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(205));const a=s(874);Object.defineProperty(t,"getCompilerHooks",{enumerable:true,get:function(){return a.getCompilerHooks}});const r=new Map;const u={assetHookStage:Infinity,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({},u,e)}apply(e){var t,s;const n={};const u=o.resolve(((t=e.options.output)===null||t===void 0?void 0:t.path)||"./",this.options.fileName);const l=o.relative(((s=e.options.output)===null||s===void 0?void 0:s.path)||"./",u);const c=a.beforeRunHook.bind(this,{emitCountMap:r,manifestFileName:u});const p=a.emitHook.bind(this,{compiler:e,emitCountMap:r,manifestAssetId:l,manifestFileName:u,moduleAssets:n,options:this.options});const m=a.normalModuleLoaderHook.bind(this,{moduleAssets:n});const f={name:"WebpackManifestPlugin",stage:this.options.assetHookStage};e.hooks.compilation.tap(f,(e=>{const t=!i.default.getCompilationHooks?e.hooks.normalModuleLoader:i.default.getCompilationHooks(e).loader;t.tap(f,m)}));if(this.options.useLegacyEmit===true){e.hooks.emit.tap(f,p)}else{e.hooks.thisCompilation.tap(f,(e=>{e.hooks.processAssets.tap(f,(()=>p(e)))}))}e.hooks.run.tapAsync(f,c);e.hooks.watchRun.tapAsync(f,c)}}t.WebpackManifestPlugin=WebpackManifestPlugin},205:function(e){e.exports=require("../webpack/NormalModule")},535:function(e){e.exports=require("@umijs/bundler-utils/compiled/tapable")},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__(131);module.exports=s})();

package/dist/build.d.ts

@@ -3,6 +3,7 @@ import { IOpts as IConfigOpts } from './config/config';
 import { IConfig } from './types';
 declare type IOpts = {
     cwd: string;
+    rootDir?: string;
     entry: Record<string, string>;
     config: IConfig;
     onBuildComplete?: Function;

package/dist/build.js

@@ -21,6 +21,7 @@ function build(opts) {
     return __awaiter(this, void 0, void 0, function* () {
         const webpackConfig = yield (0, config_1.getConfig)({
             cwd: opts.cwd,
+            rootDir: opts.rootDir,
             env: types_1.Env.production,
             entry: opts.entry,
             userConfig: opts.config,
@@ -34,6 +35,7 @@ function build(opts) {
                 ...(opts.beforeBabelPresets || []),
                 ...(opts.extraBabelPresets || []),
             ],
+            extraBabelIncludes: opts.config.extraBabelIncludes,
             chainWebpack: opts.chainWebpack,
             modifyWebpackConfig: opts.modifyWebpackConfig,
             cache: opts.cache,

package/dist/client/client.js

@@ -41,21 +41,29 @@ const ErrorOverlay = __importStar(require("react-error-overlay"));
 const constants_1 = require("../constants");
 const formatWebpackMessages_1 = require("../utils/formatWebpackMessages");
 console.log('[webpack] connecting...');
-function getSocketHost() {
-    let l = location;
+function getHost() {
     if (process.env.SOCKET_SERVER) {
-        l = new URL(process.env.SOCKET_SERVER);
+        return new URL(process.env.SOCKET_SERVER);
     }
-    const host = l.host;
-    const isHttps = l.protocol === 'https:';
+    return location;
+}
+function getSocketUrl() {
+    let h = getHost();
+    const host = h.host;
+    const isHttps = h.protocol === 'https:';
     return `${isHttps ? 'wss' : 'ws'}://${host}`;
 }
+function getPingUrl() {
+    const h = getHost();
+    return `${h.protocol}//${h.host}/__umi_ping`;
+}
 let pingTimer = null;
 let isFirstCompilation = true;
 let mostRecentCompilationHash = null;
 let hasCompileErrors = false;
 let hadRuntimeError = false;
-const socket = new WebSocket(getSocketHost(), 'webpack-hmr');
+const pingUrl = getPingUrl();
+const socket = new WebSocket(getSocketUrl(), 'webpack-hmr');
 socket.addEventListener('message', ({ data }) => __awaiter(void 0, void 0, void 0, function* () {
     data = JSON.parse(data);
     if (data.type === 'connected') {
@@ -73,7 +81,7 @@ function waitForSuccessfulPing(ms = 1000) {
         // eslint-disable-next-line no-constant-condition
         while (true) {
             try {
-                yield fetch(`/__umi_ping`);
+                yield fetch(pingUrl);
                 break;
             }
             catch (e) {

package/dist/config/compressPlugin.js

@@ -19,6 +19,7 @@ const terser_webpack_plugin_1 = __importDefault(require("../../compiled/terser-w
 const ESBuildCSSMinifyPlugin_1 = __importDefault(require("../plugins/ESBuildCSSMinifyPlugin"));
 const ParcelCSSMinifyPlugin_1 = require("../plugins/ParcelCSSMinifyPlugin");
 const types_1 = require("../types");
+const getEsBuildTarget_1 = require("../utils/getEsBuildTarget");
 function addCompressPlugin(opts) {
     return __awaiter(this, void 0, void 0, function* () {
         const { config, userConfig, env } = opts;
@@ -32,8 +33,14 @@ function addCompressPlugin(opts) {
         }
         config.optimization.minimize(true);
         let minify;
+        let terserOptions;
         if (jsMinifier === types_1.JSMinifier.esbuild) {
             minify = terser_webpack_plugin_1.default.esbuildMinify;
+            terserOptions = {
+                target: (0, getEsBuildTarget_1.getEsBuildTarget)({
+                    targets: userConfig.targets || {},
+                }),
+            };
         }
         else if (jsMinifier === types_1.JSMinifier.terser) {
             minify = terser_webpack_plugin_1.default.terserMinify;
@@ -47,11 +54,12 @@ function addCompressPlugin(opts) {
         else if (jsMinifier !== types_1.JSMinifier.none) {
             throw new Error(`Unsupported jsMinifier ${userConfig.jsMinifier}.`);
         }
+        terserOptions = Object.assign(Object.assign({}, terserOptions), userConfig.jsMinifierOptions);
         if (jsMinifier !== types_1.JSMinifier.none) {
             config.optimization.minimizer(`js-${jsMinifier}`).use(terser_webpack_plugin_1.default, [
                 {
                     minify,
-                    terserOptions: userConfig.jsMinifierOptions,
+                    terserOptions,
                 },
             ]);
         }

package/dist/config/config.d.ts

@@ -2,10 +2,12 @@ import { Configuration } from '../../compiled/webpack';
 import { Env, IConfig } from '../types';
 export interface IOpts {
     cwd: string;
+    rootDir?: string;
     env: Env;
     entry: Record<string, string>;
     extraBabelPresets?: any[];
     extraBabelPlugins?: any[];
+    extraBabelIncludes?: string[];
     extraEsbuildLoaderHandler?: any[];
     babelPreset?: any;
     chainWebpack?: Function;

package/dist/config/config.js

@@ -35,7 +35,6 @@ 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");
@@ -55,6 +54,7 @@ function getConfig(opts) {
             babelPreset: opts.babelPreset,
             extraBabelPlugins: opts.extraBabelPlugins || [],
             extraBabelPresets: opts.extraBabelPresets || [],
+            extraBabelIncludes: opts.extraBabelIncludes || [],
             extraEsbuildLoaderHandler: opts.extraEsbuildLoaderHandler || [],
             browsers: (0, browsersList_1.getBrowsersList)({
                 targets: userConfig.targets,
@@ -155,7 +155,8 @@ function getConfig(opts) {
         // handle HarmonyLinkingError
         yield (0, harmonyLinkingErrorPlugin_1.addHarmonyLinkingErrorPlugin)(applyOpts);
         // remove node: prefix
-        yield (0, nodePrefixPlugin_1.addNodePrefixPlugin)(applyOpts);
+        // disable for performance
+        // await addNodePrefixPlugin(applyOpts);
         // runtimePublicPath
         if (userConfig.runtimePublicPath) {
             config.plugin('runtimePublicPath').use(RuntimePublicPathPlugin_1.RuntimePublicPathPlugin);
@@ -169,7 +170,8 @@ function getConfig(opts) {
                     config: opts.cache.buildDependencies || [],
                 },
                 cacheDirectory: opts.cache.cacheDirectory ||
-                    (0, path_1.join)(opts.cwd, 'node_modules', '.cache', 'bundler-webpack'),
+                    // 使用 rootDir 是在有 APP_ROOT 时，把 cache 目录放在根目录下
+                    (0, path_1.join)(opts.rootDir || opts.cwd, 'node_modules', '.cache', 'bundler-webpack'),
             });
             // tnpm 安装依赖的情况 webpack 默认的 managedPaths 不生效
             // 使用 immutablePaths 避免 node_modules 的内容被写入缓存
@@ -178,7 +180,8 @@ function getConfig(opts) {
             if ( /*isTnpm*/require('@umijs/utils/package').__npminstall_done) {
                 config.snapshot({
                     immutablePaths: [
-                        opts.cache.absNodeModulesPath || (0, path_1.join)(opts.cwd, 'node_modules'),
+                        opts.cache.absNodeModulesPath ||
+                            (0, path_1.join)(opts.rootDir || opts.cwd, 'node_modules'),
                     ],
                 });
             }

package/dist/config/javaScriptRules.d.ts

@@ -7,6 +7,7 @@ interface IOpts {
     env: Env;
     extraBabelPlugins: any[];
     extraBabelPresets: any[];
+    extraBabelIncludes: string[];
     extraEsbuildLoaderHandler: any[];
     babelPreset: any;
     name?: string;

package/dist/config/javaScriptRules.js

@@ -12,6 +12,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.addJavaScriptRules = void 0;
 const mfsu_1 = require("@umijs/mfsu");
 const utils_1 = require("@umijs/utils");
+const path_1 = require("path");
 const webpack_1 = require("../../compiled/webpack");
 const constants_1 = require("../constants");
 const types_1 = require("../types");
@@ -40,18 +41,41 @@ function addJavaScriptRules(opts) {
             config.module
                 .rule('extra-src')
                 .test(/\.(js|mjs)$/)
-                .include.add((path) => {
-                try {
-                    // 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 });
-                }
-                catch (e) {
-                    console.error(utils_1.chalk.red(e));
-                    throw e;
-                }
-            })
+                .include.add([
+                // support extraBabelIncludes
+                ...opts.extraBabelIncludes.map((p) => {
+                    // handle absolute path
+                    if ((0, path_1.isAbsolute)(p)) {
+                        return p;
+                    }
+                    // resolve npm package name
+                    try {
+                        if (p.startsWith('./')) {
+                            return require.resolve(p, { paths: [cwd] });
+                        }
+                        return (0, path_1.dirname)(require.resolve(`${p}/package.json`, { paths: [cwd] }));
+                    }
+                    catch (e) {
+                        if (e.code === 'MODULE_NOT_FOUND') {
+                            throw new Error('Cannot resolve extraBabelIncludes: ' + p);
+                        }
+                        throw e;
+                    }
+                }),
+                // support es5ImcompatibleVersions
+                (path) => {
+                    try {
+                        // 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 });
+                    }
+                    catch (e) {
+                        console.error(utils_1.chalk.red(e));
+                        throw e;
+                    }
+                },
+            ])
                 .end(),
         ];
         if (userConfig.mdx) {

package/dist/config/nodePolyfill.js

@@ -14,12 +14,13 @@ 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'],
             },
         ]);
-        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/constants.d.ts

@@ -12,3 +12,4 @@ export declare enum MESSAGE_TYPE {
 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.DEFAULT_BROWSER_TARGETS = 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';
@@ -16,3 +16,9 @@ var MESSAGE_TYPE;
 exports.DEFAULT_BROWSER_TARGETS = {
     chrome: 80,
 };
+exports.DEFAULT_ESBUILD_TARGET_KEYS = [
+    'chrome',
+    'firefox',
+    'edge',
+    'safari',
+];

package/dist/dev.d.ts

@@ -4,6 +4,8 @@ declare type IOpts = {
     afterMiddlewares?: any[];
     beforeMiddlewares?: any[];
     onDevCompileDone?: Function;
+    onProgress?: Function;
+    onMFSUProgress?: Function;
     port?: number;
     host?: string;
     babelPreset?: any;
@@ -14,8 +16,10 @@ declare type IOpts = {
     extraBabelPlugins?: any[];
     extraBabelPresets?: any[];
     cwd: string;
+    rootDir?: string;
     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,15 +12,25 @@ 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 fs_1 = require("fs");
 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 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, _e, _f;
     var _g;
@@ -40,23 +50,24 @@ function dev(opts) {
                 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.cwd, 'node_modules/.cache/mfsu'),
+                    (0, path_1.join)(opts.rootDir || 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),
+                        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 webpackConfig = yield (0, config_1.getConfig)({
             cwd: opts.cwd,
+            rootDir: opts.rootDir,
             env: types_1.Env.development,
             entry: opts.entry,
             userConfig: opts.config,
@@ -70,6 +81,7 @@ function dev(opts) {
                 ...(opts.beforeBabelPresets || []),
                 ...(opts.extraBabelPresets || []),
             ],
+            extraBabelIncludes: opts.config.extraBabelIncludes,
             extraEsbuildLoaderHandler: (mfsu === null || mfsu === void 0 ? void 0 : mfsu.getEsbuildLoaderHandler()) || [],
             chainWebpack: opts.chainWebpack,
             modifyWebpackConfig: opts.modifyWebpackConfig,
@@ -79,6 +91,7 @@ function dev(opts) {
         });
         const depConfig = yield (0, config_1.getConfig)({
             cwd: opts.cwd,
+            rootDir: opts.rootDir,
             env: types_1.Env.development,
             entry: opts.entry,
             userConfig: opts.config,
@@ -88,7 +101,7 @@ function dev(opts) {
             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.cwd, 'node_modules', '.cache', 'mfsu-deps'),
+                cacheDirectory: (0, path_1.join)(opts.rootDir || opts.cwd, 'node_modules', '.cache', 'mfsu-deps'),
             },
         });
         (_g = webpackConfig.resolve).alias || (_g.alias = {});
@@ -101,6 +114,18 @@ function dev(opts) {
             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,
@@ -113,6 +138,7 @@ function dev(opts) {
             host: opts.host,
             afterMiddlewares: [...(opts.afterMiddlewares || [])],
             onDevCompileDone: opts.onDevCompileDone,
+            onProgress: opts.onProgress,
         });
     });
 }

package/dist/schema.js

@@ -40,6 +40,7 @@ function getSchemas() {
         devtool: (Joi) => Joi.alternatives().try(Joi.string().regex(DEVTOOL_REGEX), Joi.boolean()),
         esm: (Joi) => Joi.object(),
         externals: (Joi) => Joi.alternatives().try(Joi.object(), Joi.string(), Joi.func()),
+        extraBabelIncludes: (Joi) => Joi.array().items(Joi.string()),
         extraBabelPlugins: (Joi) => Joi.array().items(Joi.alternatives().try(Joi.string(), Joi.array())),
         extraBabelPresets: (Joi) => Joi.array().items(Joi.alternatives().try(Joi.string(), Joi.array())),
         extraPostCSSPlugins: (Joi) => Joi.array(),
@@ -62,6 +63,7 @@ function getSchemas() {
             chainWebpack: Joi.function(),
             esbuild: Joi.boolean(),
             mfName: Joi.string(),
+            runtimePublicPath: Joi.boolean(),
         }), Joi.boolean()),
         outputPath: (Joi) => Joi.string(),
         postcssLoader: (Joi) => Joi.object(),

package/dist/server/https.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="node" />
 import { RequestListener } from 'http';
-import https from 'https';
 import { HttpsParams } from '../types';
-export declare function createHttpsServer(app: RequestListener, httpsConfig: HttpsParams): Promise<https.Server>;
+export declare function createHttpsServer(app: RequestListener, httpsConfig: HttpsParams): Promise<import("https").Server>;

package/dist/server/https.js

@@ -15,8 +15,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.createHttpsServer = void 0;
 const utils_1 = require("@umijs/utils");
 const fs_1 = require("fs");
-const https_1 = __importDefault(require("https"));
 const path_1 = require("path");
+const spdy_1 = __importDefault(require("spdy"));
 const defaultHttpsHosts = ['localhost', '127.0.0.1'];
 function createHttpsServer(app, httpsConfig) {
     return __awaiter(this, void 0, void 0, function* () {
@@ -64,10 +64,11 @@ function createHttpsServer(app, httpsConfig) {
             ]);
         }
         // Create server
-        return https_1.default.createServer({
+        const http2Service = spdy_1.default.createServer({
             key: (0, fs_1.readFileSync)(key, 'utf-8'),
             cert: (0, fs_1.readFileSync)(cert, 'utf-8'),
         }, app);
+        return http2Service;
     });
 }
 exports.createHttpsServer = createHttpsServer;

package/dist/server/server.d.ts

@@ -11,6 +11,7 @@ interface IOpts {
     beforeMiddlewares?: any[];
     afterMiddlewares?: any[];
     onDevCompileDone?: Function;
+    onProgress?: Function;
 }
 export declare function createServer(opts: IOpts): Promise<import("https").Server | http.Server | null>;
 export {};

package/dist/server/server.js

@@ -28,18 +28,6 @@ function createServer(opts) {
         const { webpackConfig, userConfig } = opts;
         const { proxy } = userConfig;
         const app = (0, express_1.default)();
-        // basename middleware
-        app.use((req, _res, next) => {
-            const { url, path } = req;
-            const { basename, history } = userConfig;
-            if ((history === null || history === void 0 ? void 0 : history.type) === 'browser' &&
-                basename !== '/' &&
-                url.startsWith(basename)) {
-                req.url = url.slice(basename.length);
-                req.path = path.slice(basename.length);
-            }
-            next();
-        });
         // cros
         app.use((_req, res, next) => {
             res.header('Access-Control-Allow-Origin', '*');
@@ -63,7 +51,25 @@ function createServer(opts) {
             }
         });
         // webpack dev middleware
-        const compiler = (0, webpack_1.default)(Array.isArray(webpackConfig) ? webpackConfig : [webpackConfig]);
+        const configs = Array.isArray(webpackConfig)
+            ? webpackConfig
+            : [webpackConfig];
+        const progresses = [];
+        if (opts.onProgress) {
+            configs.forEach((config) => {
+                const progress = {
+                    percent: 0,
+                    status: 'waiting',
+                };
+                progresses.push(progress);
+                config.plugins.push(new webpack_1.default.ProgressPlugin((percent, msg) => {
+                    progress.percent = percent;
+                    progress.status = msg;
+                    opts.onProgress({ progresses });
+                }));
+            });
+        }
+        const compiler = (0, webpack_1.default)(configs);
         const webpackDevMiddleware = require('@umijs/bundler-webpack/compiled/webpack-dev-middleware');
         const compilerMiddleware = webpackDevMiddleware(compiler, {
             publicPath: userConfig.publicPath || '/',

package/dist/server/ws.d.ts

@@ -1,8 +1,10 @@
 /// <reference types="node" />
 import { Server as HttpServer } from 'http';
+import { Http2Server } from 'http2';
 import { Server as HttpsServer } from 'https';
+import { Server } from 'spdy';
 import WebSocket from '../../compiled/ws';
-export declare function createWebSocketServer(server: HttpServer | HttpsServer): {
+export declare function createWebSocketServer(server: HttpServer | HttpsServer | Http2Server | Server): {
     send(message: string): void;
     wss: WebSocket.Server;
     close(): void;

package/dist/types.d.ts

@@ -75,6 +75,7 @@ export interface IConfig {
     };
     extraBabelPlugins?: IBabelPlugin[];
     extraBabelPresets?: IBabelPlugin[];
+    extraBabelIncludes?: string[];
     extraPostCSSPlugins?: any[];
     hash?: boolean;
     ignoreMomentLocale?: boolean;

package/dist/utils/getEsBuildTarget.d.ts

@@ -0,0 +1,5 @@
+interface IOpts {
+    targets: Record<string, any>;
+}
+export declare function getEsBuildTarget({ targets }: IOpts): string[];
+export {};

package/dist/utils/getEsBuildTarget.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getEsBuildTarget = void 0;
+const constants_1 = require("../constants");
+function getEsBuildTarget({ targets }) {
+    return Object.keys(targets)
+        .filter((key) => constants_1.DEFAULT_ESBUILD_TARGET_KEYS.includes(key))
+        .map((key) => {
+        return `${key}${targets[key] === true ? '0' : targets[key]}`;
+    });
+}
+exports.getEsBuildTarget = getEsBuildTarget;