@umijs/bundler-webpack 4.0.0-beta.15 → 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

@@ -27,9 +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");
@@ -43,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,
@@ -55,6 +58,7 @@ function getConfig(opts) {
             browsers: (0, browsersList_1.getBrowsersList)({
                 targets: userConfig.targets,
             }),
+            useHash,
             staticPathPrefix: opts.staticPathPrefix !== undefined ? opts.staticPathPrefix : 'static/',
         };
         // mode
@@ -76,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)
@@ -132,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);
@@ -150,6 +155,34 @@ function getConfig(opts) {
         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.js

@@ -12,6 +12,8 @@ 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) => {
@@ -21,7 +23,8 @@ class HarmonyLinkingErrorPlugin {
             const harmonyLinkingErrors = compilation.warnings.filter((w) => {
                 return (w.name === 'ModuleDependencyWarning' &&
                     !w.module.resource.includes('node_modules') &&
-                    w.message.includes(LINKING_ERROR_TAG));
+                    w.message.includes(LINKING_ERROR_TAG) &&
+                    !CSS_NO_EXPORTS.test(w.message));
             });
             if (!harmonyLinkingErrors.length) {
                 return;

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, _b, _c;
-    var _d;
+    var _a, _b, _c, _d;
+    var _e;
     return __awaiter(this, void 0, void 0, function* () {
         const enableMFSU = opts.config.mfsu !== false;
         let mfsu = null;
@@ -54,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,
@@ -63,8 +66,12 @@ 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'),
+            },
         });
-        (_d = webpackConfig.resolve).alias || (_d.alias = {});
+        (_e = webpackConfig.resolve).alias || (_e.alias = {});
         // TODO: REMOVE ME
         ['@umijs/utils/compiled/strip-ansi', 'react-error-overlay'].forEach((dep) => {
             // @ts-ignore

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,20 +37,19 @@ 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(),

package/dist/server/server.js

@@ -30,8 +30,10 @@ function createServer(opts) {
         // basename middleware
         app.use((req, _res, next) => {
             const { url, path } = req;
-            const { basename } = userConfig;
-            if (basename !== '/' && url.startsWith(basename)) {
+            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);
             }
@@ -167,7 +169,7 @@ function createServer(opts) {
         const port = opts.port || 8000;
         server.listen(port, () => {
             const host = opts.host && opts.host !== '0.0.0.0' ? opts.host : '127.0.0.1';
-            utils_1.logger.ready(`App listening at ${utils_1.chalk.green.bold(`http://${host}:${port}`)}`);
+            utils_1.logger.ready(`App listening at ${utils_1.chalk.green(`http://${host}:${port}`)}`);
         });
         return server;
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umijs/bundler-webpack",
-  "version": "4.0.0-beta.15",
+  "version": "4.0.0-beta.16",
   "description": "@umijs/bundler-webpack",
   "homepage": "https://github.com/umijs/umi-next/tree/master/packages/bundler-webpack#readme",
   "bugs": "https://github.com/umijs/umi-next/issues",
@@ -34,9 +34,9 @@
     "@svgr/plugin-svgo": "^6.1.0",
     "@swc/core": "1.2.117",
     "@types/hapi__joi": "17.1.7",
-    "@umijs/babel-preset-umi": "4.0.0-beta.15",
-    "@umijs/mfsu": "4.0.0-beta.15",
-    "@umijs/utils": "4.0.0-beta.15",
+    "@umijs/babel-preset-umi": "4.0.0-beta.16",
+    "@umijs/mfsu": "4.0.0-beta.16",
+    "@umijs/utils": "4.0.0-beta.16",
     "css-loader": "6.5.1",
     "es5-imcompatible-versions": "^0.1.73",
     "jest-worker": "27.4.2",
@@ -57,6 +57,7 @@
     "css-minimizer-webpack-plugin": "3.1.1",
     "cssnano": "5.0.8",
     "express": "4.17.1",
+    "fork-ts-checker-webpack-plugin": "6.5.0",
     "http-proxy-middleware": "2.0.1",
     "less": "4.1.2",
     "less-loader": "10.2.0",
@@ -78,6 +79,7 @@
     "webpack-5-chain": "8.0.0",
     "webpack-bundle-analyzer": "4.5.0",
     "webpack-dev-middleware": "5.2.2",
+    "webpack-manifest-plugin": "4.0.2",
     "webpack-sources": "3.2.2",
     "ws": "8.2.3"
   },
@@ -98,6 +100,7 @@
       "compression",
       "connect-history-api-fallback",
       "express",
+      "fork-ts-checker-webpack-plugin",
       "http-proxy-middleware",
       "less",
       "less-loader",
@@ -117,6 +120,7 @@
       "webpack-5-chain",
       "webpack-bundle-analyzer",
       "webpack-dev-middleware",
+      "webpack-manifest-plugin",
       "webpack-sources",
       "ws",
       "./bundles/webpack/bundle",
@@ -135,9 +139,11 @@
       "tapable": "$$LOCAL",
       "terser": "$$LOCAL",
       "terser-webpack-plugin": "$$LOCAL",
+      "typescript": "typescript",
       "uglify-js": "uglify-js",
       "url-loader": "$$LOCAL",
       "webpack": "$$LOCAL",
+      "webpack/lib/NormalModule": "../webpack/NormalModule",
       "webpack-5-chain": "$$LOCAL",
       "webpack-sources": "$$LOCAL",
       "ws": "$$LOCAL"
@@ -165,6 +171,7 @@
       "cssnano",
       "compression",
       "connect-history-api-fallback",
+      "fork-ts-checker-webpack-plugin",
       "less",
       "less-loader",
       "mini-css-extract-plugin",
@@ -177,7 +184,8 @@
       "svgo-loader",
       "url-loader",
       "webpack-bundle-analyzer",
-      "webpack-dev-middleware"
+      "webpack-dev-middleware",
+      "webpack-manifest-plugin"
     ]
   }
 }