@umijs/bundler-webpack 4.0.0-canary.20220727.1 → 4.0.0-canary.20220729.1

package/client/client/client.js

@@ -1,210 +1,331 @@
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 
-// client.ts
-import stripAnsi from "@umijs/utils/compiled/strip-ansi";
-import * as ErrorOverlay from "react-error-overlay";
+import stripAnsi from '@umijs/utils/compiled/strip-ansi'; // @ts-ignore
+
+import * as ErrorOverlay from 'react-error-overlay';
 import { MESSAGE_TYPE } from "../constants";
 import { formatWebpackMessages } from "../utils/formatWebpackMessages";
-var require_client = __commonJS({
-  "client.ts"(exports, module) {
-    console.log("[webpack] connecting...");
-    function getHost() {
-      if (process.env.SOCKET_SERVER) {
-        return new URL(process.env.SOCKET_SERVER);
-      }
-      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`;
-    }
-    var pingTimer = null;
-    var isFirstCompilation = true;
-    var mostRecentCompilationHash = null;
-    var hasCompileErrors = false;
-    var hadRuntimeError = false;
-    var pingUrl = getPingUrl();
-    var socket = new WebSocket(getSocketUrl(), "webpack-hmr");
-    socket.addEventListener("message", (_0) => __async(exports, [_0], function* ({ data }) {
-      data = JSON.parse(data);
-      if (data.type === "connected") {
-        console.log(`[webpack] connected.`);
-        pingTimer = setInterval(() => socket.send("ping"), 3e4);
-      } else {
-        handleMessage(data).catch(console.error);
-      }
-    }));
-    function waitForSuccessfulPing(ms = 1e3) {
-      return __async(this, null, function* () {
-        while (true) {
-          try {
-            yield fetch(pingUrl);
-            break;
-          } catch (e) {
-            yield new Promise((resolve) => setTimeout(resolve, ms));
-          }
+console.log('[webpack] connecting...');
+
+function getHost() {
+  if (process.env.SOCKET_SERVER) {
+    return new URL(process.env.SOCKET_SERVER);
+  }
+
+  return location;
+}
+
+function getSocketUrl() {
+  var h = getHost();
+  var host = h.host;
+  var isHttps = h.protocol === 'https:';
+  return "".concat(isHttps ? 'wss' : 'ws', "://").concat(host);
+}
+
+function getPingUrl() {
+  var h = getHost();
+  return "".concat(h.protocol, "//").concat(h.host, "/__umi_ping");
+}
+
+var pingTimer = null;
+var isFirstCompilation = true;
+var mostRecentCompilationHash = null;
+var hasCompileErrors = false;
+var hadRuntimeError = false;
+var pingUrl = getPingUrl();
+var socket = new WebSocket(getSocketUrl(), 'webpack-hmr');
+socket.addEventListener('message', /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(_ref) {
+    var data;
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            data = _ref.data;
+            data = JSON.parse(data);
+
+            if (data.type === 'connected') {
+              console.log("[webpack] connected."); // proxy(nginx, docker) hmr ws maybe caused timeout,
+              // so send ping package let ws keep alive.
+
+              pingTimer = setInterval(function () {
+                return socket.send('ping');
+              }, 30000);
+            } else {
+              handleMessage(data).catch(console.error);
+            }
+
+          case 3:
+          case "end":
+            return _context.stop();
         }
-      });
-    }
-    socket.addEventListener("close", () => __async(exports, null, function* () {
-      if (pingTimer)
-        clearInterval(pingTimer);
-      console.info("[webpack] Dev server disconnected. Polling for restart...");
-      yield waitForSuccessfulPing();
-      location.reload();
-    }));
-    ErrorOverlay.startReportingRuntimeErrors({
-      onError: function() {
-        hadRuntimeError = true;
-      },
-      filename: "/static/js/bundle.js"
-    });
-    if (module.hot && typeof module.hot.dispose === "function") {
-      module.hot.dispose(function() {
-        ErrorOverlay.stopReportingRuntimeErrors();
-      });
-    }
-    function handleAvailableHash(hash) {
-      mostRecentCompilationHash = hash;
-    }
-    function handleSuccess() {
-      const isHotUpdate = !isFirstCompilation;
-      isFirstCompilation = false;
-      hasCompileErrors = false;
-      if (isHotUpdate) {
-        tryApplyUpdates(function onHotUpdateSuccess() {
-          tryDismissErrorOverlay();
-        });
       }
-    }
-    function handleWarnings(warnings) {
-      const isHotUpdate = !isFirstCompilation;
-      isFirstCompilation = false;
-      hasCompileErrors = false;
-      const formatted = formatWebpackMessages({
-        warnings,
-        errors: []
-      });
-      if (typeof console !== "undefined" && typeof console.warn === "function") {
-        for (let i = 0; i < formatted.warnings.length; i++) {
-          if (i === 5) {
-            console.warn("There were more warnings in other files.\nYou can find a complete log in the terminal.");
+    }, _callee);
+  }));
+
+  return function (_x) {
+    return _ref2.apply(this, arguments);
+  };
+}());
+
+function waitForSuccessfulPing() {
+  return _waitForSuccessfulPing.apply(this, arguments);
+}
+
+function _waitForSuccessfulPing() {
+  _waitForSuccessfulPing = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
+    var ms,
+        _args3 = arguments;
+    return regeneratorRuntime.wrap(function _callee3$(_context3) {
+      while (1) {
+        switch (_context3.prev = _context3.next) {
+          case 0:
+            ms = _args3.length > 0 && _args3[0] !== undefined ? _args3[0] : 1000;
+
+          case 1:
+            if (!true) {
+              _context3.next = 14;
+              break;
+            }
+
+            _context3.prev = 2;
+            _context3.next = 5;
+            return fetch(pingUrl);
+
+          case 5:
+            return _context3.abrupt("break", 14);
+
+          case 8:
+            _context3.prev = 8;
+            _context3.t0 = _context3["catch"](2);
+            _context3.next = 12;
+            return new Promise(function (resolve) {
+              return setTimeout(resolve, ms);
+            });
+
+          case 12:
+            _context3.next = 1;
             break;
-          }
-          console.warn(stripAnsi(formatted.warnings[i]));
+
+          case 14:
+          case "end":
+            return _context3.stop();
         }
       }
-      if (isHotUpdate) {
-        tryApplyUpdates(function onSuccessfulHotUpdate() {
-          tryDismissErrorOverlay();
-        });
-      }
-    }
-    function handleErrors(errors) {
-      isFirstCompilation = false;
-      hasCompileErrors = true;
-      const formatted = formatWebpackMessages({
-        warnings: [],
-        errors
-      });
-      ErrorOverlay.reportBuildError(formatted.errors[0]);
-      if (typeof console !== "undefined" && typeof console.error === "function") {
-        for (let i = 0; i < formatted.errors.length; i++) {
-          console.error(stripAnsi(formatted.errors[i]));
-        }
+    }, _callee3, null, [[2, 8]]);
+  }));
+  return _waitForSuccessfulPing.apply(this, arguments);
+}
+
+socket.addEventListener('close', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+  return regeneratorRuntime.wrap(function _callee2$(_context2) {
+    while (1) {
+      switch (_context2.prev = _context2.next) {
+        case 0:
+          if (pingTimer) clearInterval(pingTimer);
+          console.info('[webpack] Dev server disconnected. Polling for restart...');
+          _context2.next = 4;
+          return waitForSuccessfulPing();
+
+        case 4:
+          location.reload();
+
+        case 5:
+        case "end":
+          return _context2.stop();
       }
     }
-    function tryDismissErrorOverlay() {
-      if (!hasCompileErrors) {
-        ErrorOverlay.dismissBuildError();
+  }, _callee2);
+})));
+ErrorOverlay.startReportingRuntimeErrors({
+  onError: function onError() {
+    hadRuntimeError = true;
+  },
+  filename: '/static/js/bundle.js'
+}); // @ts-ignore
+
+if (module.hot && typeof module.hot.dispose === 'function') {
+  // @ts-ignore
+  module.hot.dispose(function () {
+    // TODO: why do we need this?
+    ErrorOverlay.stopReportingRuntimeErrors();
+  });
+} // There is a newer version of the code available.
+
+
+function handleAvailableHash(hash) {
+  // Update last known compilation hash.
+  mostRecentCompilationHash = hash;
+}
+
+function handleSuccess() {
+  var isHotUpdate = !isFirstCompilation;
+  isFirstCompilation = false;
+  hasCompileErrors = false; // Attempt to apply hot updates or reload.
+
+  if (isHotUpdate) {
+    tryApplyUpdates(function onHotUpdateSuccess() {
+      // Only dismiss it when we're sure it's a hot update.
+      // Otherwise it would flicker right before the reload.
+      tryDismissErrorOverlay();
+    });
+  }
+}
+
+function handleWarnings(warnings) {
+  var isHotUpdate = !isFirstCompilation;
+  isFirstCompilation = false;
+  hasCompileErrors = false;
+  var formatted = formatWebpackMessages({
+    warnings: warnings,
+    errors: []
+  }); // print warnings
+
+  if (typeof console !== 'undefined' && typeof console.warn === 'function') {
+    for (var i = 0; i < formatted.warnings.length; i++) {
+      if (i === 5) {
+        console.warn('There were more warnings in other files.\n' + 'You can find a complete log in the terminal.');
+        break;
       }
+
+      console.warn(stripAnsi(formatted.warnings[i]));
     }
-    function isUpdateAvailable() {
-      return mostRecentCompilationHash !== __webpack_hash__;
-    }
-    function canApplyUpdates() {
-      return module.hot.status() === "idle";
+  } // Attempt to apply hot updates or reload.
+
+
+  if (isHotUpdate) {
+    tryApplyUpdates(function onSuccessfulHotUpdate() {
+      // Only dismiss it when we're sure it's a hot update.
+      // Otherwise it would flicker right before the reload.
+      tryDismissErrorOverlay();
+    });
+  }
+}
+
+function handleErrors(errors) {
+  isFirstCompilation = false;
+  hasCompileErrors = true;
+  var formatted = formatWebpackMessages({
+    warnings: [],
+    errors: errors
+  }); // Only show the first error.
+
+  ErrorOverlay.reportBuildError(formatted.errors[0]); // Also log them to the console.
+
+  if (typeof console !== 'undefined' && typeof console.error === 'function') {
+    for (var i = 0; i < formatted.errors.length; i++) {
+      console.error(stripAnsi(formatted.errors[i]));
     }
-    function canAcceptErrors() {
-      const hasReactRefresh = process.env.FAST_REFRESH;
-      const status = module.hot.status();
-      return hasReactRefresh && ["abort", "fail"].indexOf(status) === -1;
+  }
+}
+
+function tryDismissErrorOverlay() {
+  if (!hasCompileErrors) {
+    ErrorOverlay.dismissBuildError();
+  }
+} // Is there a newer version of this code available?
+
+
+function isUpdateAvailable() {
+  // @ts-ignore
+  return mostRecentCompilationHash !== __webpack_hash__;
+}
+
+function canApplyUpdates() {
+  // @ts-ignore
+  return module.hot.status() === 'idle';
+}
+
+function canAcceptErrors() {
+  // NOTE: This var is injected by Webpack's DefinePlugin, and is a boolean instead of string.
+  var hasReactRefresh = process.env.FAST_REFRESH; // @ts-ignore
+
+  var status = module.hot.status(); // React refresh can handle hot-reloading over errors.
+  // However, when hot-reload status is abort or fail,
+  // it indicates the current update cannot be applied safely,
+  // and thus we should bail out to a forced reload for consistency.
+
+  return hasReactRefresh && ['abort', 'fail'].indexOf(status) === -1;
+}
+
+function tryApplyUpdates(onHotUpdateSuccess) {
+  // @ts-ignore
+  if (!module.hot) {
+    window.location.reload();
+    return;
+  }
+
+  if (!isUpdateAvailable() || !canApplyUpdates()) {
+    return;
+  }
+
+  function handleApplyUpdates(err, updatedModules) {
+    var haveErrors = err || hadRuntimeError; // When there is no error but updatedModules is unavailable,
+    // it indicates a critical failure in hot-reloading,
+    // e.g. server is not ready to serve new bundle,
+    // and hence we need to do a forced reload.
+
+    var needsForcedReload = !err && !updatedModules;
+
+    if (haveErrors && !canAcceptErrors() || needsForcedReload) {
+      window.location.reload();
     }
-    function tryApplyUpdates(onHotUpdateSuccess) {
-      if (!module.hot) {
-        window.location.reload();
-        return;
-      }
-      if (!isUpdateAvailable() || !canApplyUpdates()) {
-        return;
-      }
-      function handleApplyUpdates(err, updatedModules) {
-        const haveErrors = err || hadRuntimeError;
-        const needsForcedReload = !err && !updatedModules;
-        if (haveErrors && !canAcceptErrors() || needsForcedReload) {
-          window.location.reload();
-        }
-        if (onHotUpdateSuccess)
-          onHotUpdateSuccess();
-        if (isUpdateAvailable()) {
-          tryApplyUpdates();
-        }
-      }
-      module.hot.check(true).then((updatedModules) => {
-        handleApplyUpdates(null, updatedModules);
-      }).catch((err) => {
-        handleApplyUpdates(err, null);
-      });
+
+    if (onHotUpdateSuccess) onHotUpdateSuccess(); // While we were updating, there was a new update! Do it again.
+
+    if (isUpdateAvailable()) {
+      tryApplyUpdates();
     }
-    function handleMessage(payload) {
-      return __async(this, null, function* () {
-        switch (payload.type) {
-          case MESSAGE_TYPE.hash:
-            handleAvailableHash(payload.data);
+  } // @ts-ignore
+
+
+  module.hot.check(
+  /* autoApply */
+  true).then(function (updatedModules) {
+    handleApplyUpdates(null, updatedModules);
+  }).catch(function (err) {
+    handleApplyUpdates(err, null);
+  });
+}
+
+function handleMessage(_x2) {
+  return _handleMessage.apply(this, arguments);
+}
+
+function _handleMessage() {
+  _handleMessage = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4(payload) {
+    return regeneratorRuntime.wrap(function _callee4$(_context4) {
+      while (1) {
+        switch (_context4.prev = _context4.next) {
+          case 0:
+            _context4.t0 = payload.type;
+            _context4.next = _context4.t0 === MESSAGE_TYPE.hash ? 3 : _context4.t0 === MESSAGE_TYPE.stillOk ? 5 : _context4.t0 === MESSAGE_TYPE.ok ? 5 : _context4.t0 === MESSAGE_TYPE.errors ? 7 : _context4.t0 === MESSAGE_TYPE.warnings ? 9 : 11;
             break;
-          case MESSAGE_TYPE.stillOk:
-          case MESSAGE_TYPE.ok:
+
+          case 3:
+            handleAvailableHash(payload.data);
+            return _context4.abrupt("break", 11);
+
+          case 5:
             handleSuccess();
-            break;
-          case MESSAGE_TYPE.errors:
+            return _context4.abrupt("break", 11);
+
+          case 7:
             handleErrors(payload.data);
-            break;
-          case MESSAGE_TYPE.warnings:
+            return _context4.abrupt("break", 11);
+
+          case 9:
             handleWarnings(payload.data);
-            break;
-          default:
+            return _context4.abrupt("break", 11);
+
+          case 11:
+          case "end":
+            return _context4.stop();
         }
-      });
-    }
-  }
-});
-export default require_client();
+      }
+    }, _callee4);
+  }));
+  return _handleMessage.apply(this, arguments);
+}

package/client/constants.js

@@ -1,4 +1,4 @@
-// constants.ts
+// src/constants.ts
 var DEFAULT_DEVTOOL = "cheap-module-source-map";
 var DEFAULT_OUTPUT_PATH = "dist";
 var MFSU_NAME = "MFSU";

package/client/utils/formatWebpackMessages.js

@@ -1,4 +1,4 @@
-// formatWebpackMessages.ts
+// src/utils/formatWebpackMessages.ts
 import stripAnsi from "@umijs/utils/compiled/strip-ansi";
 var friendlySyntaxErrorLabel = "Syntax error:";
 function isLikelyASyntaxError(message) {

package/dist/build.js

@@ -36,7 +36,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// build.ts
+// src/build.ts
 var build_exports = {};
 __export(build_exports, {
   build: () => build

package/dist/cli.js

@@ -14,7 +14,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 
-// cli.ts
+// src/cli.ts
 var import_esbuild = __toESM(require("@umijs/bundler-utils/compiled/esbuild"));
 var import_utils = require("@umijs/utils");
 var import_assert = __toESM(require("assert"));

package/dist/config/_sampleFeature.js

@@ -16,7 +16,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// _sampleFeature.ts
+// src/config/_sampleFeature.ts
 var sampleFeature_exports = {};
 __export(sampleFeature_exports, {
   addSampleFeature: () => addSampleFeature

package/dist/config/assetRules.js

@@ -16,7 +16,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// assetRules.ts
+// src/config/assetRules.ts
 var assetRules_exports = {};
 __export(assetRules_exports, {
   addAssetRules: () => addAssetRules

package/dist/config/bundleAnalyzerPlugin.js

@@ -16,7 +16,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// bundleAnalyzerPlugin.ts
+// src/config/bundleAnalyzerPlugin.ts
 var bundleAnalyzerPlugin_exports = {};
 __export(bundleAnalyzerPlugin_exports, {
   addBundleAnalyzerPlugin: () => addBundleAnalyzerPlugin

package/dist/config/compressPlugin.js

@@ -33,7 +33,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// compressPlugin.ts
+// src/config/compressPlugin.ts
 var compressPlugin_exports = {};
 __export(compressPlugin_exports, {
   addCompressPlugin: () => addCompressPlugin

package/dist/config/config.js

@@ -33,7 +33,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// config.ts
+// src/config/config.ts
 var config_exports = {};
 __export(config_exports, {
   getConfig: () => getConfig

package/dist/config/copyPlugin.js

@@ -16,7 +16,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// copyPlugin.ts
+// src/config/copyPlugin.ts
 var copyPlugin_exports = {};
 __export(copyPlugin_exports, {
   addCopyPlugin: () => addCopyPlugin

package/dist/config/cssRules.js

@@ -36,7 +36,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// cssRules.ts
+// src/config/cssRules.ts
 var cssRules_exports = {};
 __export(cssRules_exports, {
   addCSSRules: () => addCSSRules

package/dist/config/definePlugin.js

@@ -30,7 +30,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// definePlugin.ts
+// src/config/definePlugin.ts
 var definePlugin_exports = {};
 __export(definePlugin_exports, {
   addDefinePlugin: () => addDefinePlugin,

package/dist/config/detectDeadCode.js

@@ -19,7 +19,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// detectDeadCode.ts
+// src/config/detectDeadCode.ts
 var detectDeadCode_exports = {};
 __export(detectDeadCode_exports, {
   default: () => detectDeadCode_default,

package/dist/config/detectDeadCodePlugin.js

@@ -36,7 +36,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// detectDeadCodePlugin.ts
+// src/config/detectDeadCodePlugin.ts
 var detectDeadCodePlugin_exports = {};
 __export(detectDeadCodePlugin_exports, {
   addDetectDeadCodePlugin: () => addDetectDeadCodePlugin

package/dist/config/fastRefreshPlugin.js

@@ -19,7 +19,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// fastRefreshPlugin.ts
+// src/config/fastRefreshPlugin.ts
 var fastRefreshPlugin_exports = {};
 __export(fastRefreshPlugin_exports, {
   addFastRefreshPlugin: () => addFastRefreshPlugin

package/dist/config/forkTSCheckerPlugin.js

@@ -19,7 +19,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// forkTSCheckerPlugin.ts
+// src/config/forkTSCheckerPlugin.ts
 var forkTSCheckerPlugin_exports = {};
 __export(forkTSCheckerPlugin_exports, {
   addForkTSCheckerPlugin: () => addForkTSCheckerPlugin

package/dist/config/harmonyLinkingErrorPlugin.js

@@ -16,7 +16,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// harmonyLinkingErrorPlugin.ts
+// src/config/harmonyLinkingErrorPlugin.ts
 var harmonyLinkingErrorPlugin_exports = {};
 __export(harmonyLinkingErrorPlugin_exports, {
   addHarmonyLinkingErrorPlugin: () => addHarmonyLinkingErrorPlugin

package/dist/config/ignorePlugin.js

@@ -16,7 +16,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// ignorePlugin.ts
+// src/config/ignorePlugin.ts
 var ignorePlugin_exports = {};
 __export(ignorePlugin_exports, {
   addIgnorePlugin: () => addIgnorePlugin

package/dist/config/javaScriptRules.js

@@ -19,7 +19,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// javaScriptRules.ts
+// src/config/javaScriptRules.ts
 var javaScriptRules_exports = {};
 __export(javaScriptRules_exports, {
   addJavaScriptRules: () => addJavaScriptRules

package/dist/config/manifestPlugin.js

@@ -30,7 +30,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// manifestPlugin.ts
+// src/config/manifestPlugin.ts
 var manifestPlugin_exports = {};
 __export(manifestPlugin_exports, {
   addManifestPlugin: () => addManifestPlugin

package/dist/config/miniCSSExtractPlugin.js

@@ -19,7 +19,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// miniCSSExtractPlugin.ts
+// src/config/miniCSSExtractPlugin.ts
 var miniCSSExtractPlugin_exports = {};
 __export(miniCSSExtractPlugin_exports, {
   addMiniCSSExtractPlugin: () => addMiniCSSExtractPlugin

package/dist/config/nodePolyfill.js

@@ -33,7 +33,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// nodePolyfill.ts
+// src/config/nodePolyfill.ts
 var nodePolyfill_exports = {};
 __export(nodePolyfill_exports, {
   addNodePolyfill: () => addNodePolyfill

package/dist/config/nodePrefixPlugin.js

@@ -16,7 +16,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// nodePrefixPlugin.ts
+// src/config/nodePrefixPlugin.ts
 var nodePrefixPlugin_exports = {};
 __export(nodePrefixPlugin_exports, {
   addNodePrefixPlugin: () => addNodePrefixPlugin

package/dist/config/progressPlugin.js

@@ -19,7 +19,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// progressPlugin.ts
+// src/config/progressPlugin.ts
 var progressPlugin_exports = {};
 __export(progressPlugin_exports, {
   addProgressPlugin: () => addProgressPlugin

package/dist/config/purgecssWebpackPlugin.js

@@ -16,7 +16,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// purgecssWebpackPlugin.ts
+// src/config/purgecssWebpackPlugin.ts
 var purgecssWebpackPlugin_exports = {};
 __export(purgecssWebpackPlugin_exports, {
   applyPurgeCSSWebpackPlugin: () => applyPurgeCSSWebpackPlugin

package/dist/config/speedMeasureWebpackPlugin.js

@@ -19,7 +19,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// speedMeasureWebpackPlugin.ts
+// src/config/speedMeasureWebpackPlugin.ts
 var speedMeasureWebpackPlugin_exports = {};
 __export(speedMeasureWebpackPlugin_exports, {
   addSpeedMeasureWebpackPlugin: () => addSpeedMeasureWebpackPlugin

package/dist/config/ssrPlugin.js

@@ -16,7 +16,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// ssrPlugin.ts
+// src/config/ssrPlugin.ts
 var ssrPlugin_exports = {};
 __export(ssrPlugin_exports, {
   default: () => addSSRPlugin

package/dist/config/svgRules.js

@@ -36,7 +36,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// svgRules.ts
+// src/config/svgRules.ts
 var svgRules_exports = {};
 __export(svgRules_exports, {
   addSVGRules: () => addSVGRules

package/dist/constants.js

@@ -16,7 +16,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// constants.ts
+// src/constants.ts
 var constants_exports = {};
 __export(constants_exports, {
   DEFAULT_BROWSER_TARGETS: () => DEFAULT_BROWSER_TARGETS,

package/dist/dev.js

@@ -36,7 +36,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// dev.ts
+// src/dev.ts
 var dev_exports = {};
 __export(dev_exports, {
   dev: () => dev,
@@ -61,7 +61,7 @@ function stripUndefined(obj) {
   return obj;
 }
 async function dev(opts) {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   const cacheDirectoryPath = (0, import_path.resolve)(opts.rootDir || opts.cwd, opts.config.cacheDirectoryPath || "node_modules/.cache");
   const enableMFSU = opts.config.mfsu !== false;
   let mfsu = null;
@@ -83,6 +83,9 @@ async function dev(opts) {
       tmpBase: ((_d = opts.config.mfsu) == null ? void 0 : _d.cacheDirectory) || (0, import_path.join)(cacheDirectoryPath, "mfsu"),
       onMFSUProgress: opts.onMFSUProgress,
       unMatchLibs: (_e = opts.config.mfsu) == null ? void 0 : _e.exclude,
+      shared: (_f = opts.config.mfsu) == null ? void 0 : _f.shared,
+      remoteAliases: (_g = opts.config.mfsu) == null ? void 0 : _g.remoteAliases,
+      remoteName: (_h = opts.config.mfsu) == null ? void 0 : _h.remoteName,
       getCacheDependency() {
         return stripUndefined({
           version: require("../package.json").version,
@@ -93,7 +96,8 @@ async function dev(opts) {
           runtimePublicPath: opts.config.runtimePublicPath,
           publicPath: opts.config.publicPath
         });
-      }
+      },
+      serverBase: `${opts.config.https ? "https" : "http"}://${opts.host}:${opts.port || 8e3}`
     });
   }
   const webpackConfig = await (0, import_config.getConfig)({
@@ -132,14 +136,14 @@ async function dev(opts) {
     hash: true,
     staticPathPrefix: import_mfsu.MF_DEP_PREFIX,
     name: import_constants.MFSU_NAME,
-    chainWebpack: (_f = opts.config.mfsu) == null ? void 0 : _f.chainWebpack,
+    chainWebpack: (_i = opts.config.mfsu) == null ? void 0 : _i.chainWebpack,
     cache: {
-      buildDependencies: (_g = opts.cache) == null ? void 0 : _g.buildDependencies,
+      buildDependencies: (_j = opts.cache) == null ? void 0 : _j.buildDependencies,
       cacheDirectory: (0, import_path.join)(cacheDirectoryPath, "mfsu-deps")
     },
     pkg: opts.pkg
   });
-  (_h = webpackConfig.resolve).alias || (_h.alias = {});
+  (_k = webpackConfig.resolve).alias || (_k.alias = {});
   ["@umijs/utils/compiled/strip-ansi", "react-error-overlay"].forEach((dep) => {
     webpackConfig.resolve.alias[dep] = require.resolve(dep);
   });

package/dist/index.js

@@ -13,7 +13,7 @@ var __copyProps = (to, from, except, desc) => {
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// index.ts
+// src/index.ts
 var src_exports = {};
 module.exports = __toCommonJS(src_exports);
 var import_requireHook = require("./requireHook");

package/dist/loader/svgr.js

@@ -19,7 +19,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// svgr.ts
+// src/loader/svgr.ts
 var svgr_exports = {};
 __export(svgr_exports, {
   default: () => svgr_default

package/dist/loader/swc.js

@@ -45,7 +45,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// swc.ts
+// src/loader/swc.ts
 var swc_exports = {};
 __export(swc_exports, {
   default: () => swc_default

package/dist/parcelCSS.js

@@ -19,7 +19,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// parcelCSS.ts
+// src/parcelCSS.ts
 var parcelCSS_exports = {};
 __export(parcelCSS_exports, {
   parcelCSS: () => parcelCSS

package/dist/plugins/ProgressPlugin.js

@@ -16,7 +16,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// ProgressPlugin.ts
+// src/plugins/ProgressPlugin.ts
 var ProgressPlugin_exports = {};
 __export(ProgressPlugin_exports, {
   default: () => ProgressPlugin_default

package/dist/plugins/RuntimePublicPathPlugin.js

@@ -16,7 +16,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// RuntimePublicPathPlugin.ts
+// src/plugins/RuntimePublicPathPlugin.ts
 var RuntimePublicPathPlugin_exports = {};
 __export(RuntimePublicPathPlugin_exports, {
   RuntimePublicPathPlugin: () => RuntimePublicPathPlugin

package/dist/plugins/_SamplePlugin.js

@@ -16,7 +16,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// _SamplePlugin.ts
+// src/plugins/_SamplePlugin.ts
 var SamplePlugin_exports = {};
 __export(SamplePlugin_exports, {
   default: () => SamplePlugin_default

package/dist/requireHook.js

@@ -14,7 +14,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toESM = (mod2, isNodeMode, target) => (target = mod2 != null ? __create(__getProtoOf(mod2)) : {}, __copyProps(isNodeMode || !mod2 || !mod2.__esModule ? __defProp(target, "default", { value: mod2, enumerable: true }) : target, mod2));
 
-// requireHook.ts
+// src/requireHook.ts
 var import_deepImports = __toESM(require("@umijs/bundler-webpack/compiled/webpack/deepImports.json"));
 var import_path = require("path");
 var PKG_ROOT = (0, import_path.join)(__dirname, "../");

package/dist/schema.js

@@ -16,7 +16,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// schema.ts
+// src/schema.ts
 var schema_exports = {};
 __export(schema_exports, {
   getSchemas: () => getSchemas
@@ -98,7 +98,10 @@ function getSchemas() {
       exclude: Joi.array().items(Joi.alternatives().try(Joi.string(), Joi.object().regex())),
       include: Joi.array().items(Joi.string()),
       mfName: Joi.string(),
+      remoteAliases: Joi.array().items(Joi.string()),
+      remoteName: Joi.string(),
       runtimePublicPath: Joi.boolean(),
+      shared: Joi.object(),
       strategy: Joi.string().valid("eager", "normal").default("normal")
     }), Joi.boolean()),
     outputPath: (Joi) => Joi.string(),

package/dist/server/server.js

@@ -36,7 +36,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// server.ts
+// src/server/server.ts
 var server_exports = {};
 __export(server_exports, {
   createServer: () => createServer

package/dist/server/ws.js

@@ -19,7 +19,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// ws.ts
+// src/server/ws.ts
 var ws_exports = {};
 __export(ws_exports, {
   createWebSocketServer: () => createWebSocketServer

package/dist/swcPlugins/autoCSSModules.js

@@ -19,7 +19,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// autoCSSModules.ts
+// src/swcPlugins/autoCSSModules.ts
 var autoCSSModules_exports = {};
 __export(autoCSSModules_exports, {
   default: () => autoCSSModules_default

package/dist/swcPlugins/changeImportFromString.js

@@ -16,7 +16,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// changeImportFromString.ts
+// src/swcPlugins/changeImportFromString.ts
 var changeImportFromString_exports = {};
 __export(changeImportFromString_exports, {
   changeImportFromString: () => changeImportFromString

package/dist/swcPlugins/lockCoreJS.js

@@ -19,7 +19,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// lockCoreJS.ts
+// src/swcPlugins/lockCoreJS.ts
 var lockCoreJS_exports = {};
 __export(lockCoreJS_exports, {
   default: () => lockCoreJS_default

package/dist/types.js

@@ -16,7 +16,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// types.ts
+// src/types.ts
 var types_exports = {};
 __export(types_exports, {
   CSSMinifier: () => CSSMinifier,

package/dist/utils/browsersList.js

@@ -16,7 +16,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// browsersList.ts
+// src/utils/browsersList.ts
 var browsersList_exports = {};
 __export(browsersList_exports, {
   getBrowsersList: () => getBrowsersList

package/dist/utils/depMatch.js

@@ -16,7 +16,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// depMatch.ts
+// src/utils/depMatch.ts
 var depMatch_exports = {};
 __export(depMatch_exports, {
   cleanCache: () => cleanCache,

package/dist/utils/formatWebpackMessages.js

@@ -19,7 +19,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// formatWebpackMessages.ts
+// src/utils/formatWebpackMessages.ts
 var formatWebpackMessages_exports = {};
 __export(formatWebpackMessages_exports, {
   formatMessage: () => formatMessage,

package/dist/utils/getEsBuildTarget.js

@@ -16,7 +16,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// getEsBuildTarget.ts
+// src/utils/getEsBuildTarget.ts
 var getEsBuildTarget_exports = {};
 __export(getEsBuildTarget_exports, {
   getEsBuildTarget: () => getEsBuildTarget

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umijs/bundler-webpack",
-  "version": "4.0.0-canary.20220727.1",
+  "version": "4.0.0-canary.20220729.1",
   "description": "@umijs/bundler-webpack",
   "homepage": "https://github.com/umijs/umi/tree/master/packages/bundler-webpack#readme",
   "bugs": "https://github.com/umijs/umi/issues",
@@ -34,11 +34,11 @@
     "@svgr/plugin-jsx": "^6.2.1",
     "@svgr/plugin-svgo": "^6.2.0",
     "@types/hapi__joi": "17.1.8",
-    "@umijs/babel-preset-umi": "4.0.0-canary.20220727.1",
-    "@umijs/bundler-utils": "4.0.0-canary.20220727.1",
+    "@umijs/babel-preset-umi": "4.0.0-canary.20220729.1",
+    "@umijs/bundler-utils": "4.0.0-canary.20220729.1",
     "@umijs/case-sensitive-paths-webpack-plugin": "^1.0.1",
-    "@umijs/mfsu": "4.0.0-canary.20220727.1",
-    "@umijs/utils": "4.0.0-canary.20220727.1",
+    "@umijs/mfsu": "4.0.0-canary.20220729.1",
+    "@umijs/utils": "4.0.0-canary.20220729.1",
     "cors": "^2.8.5",
     "css-loader": "6.7.1",
     "es5-imcompatible-versions": "^0.1.73",