@module-federation/modern-js 0.0.0-next-20250219103339 → 0.0.0-next-20250220101307

package/dist/cjs/cli/configPlugin.js

@@ -29,6 +29,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var configPlugin_exports = {};
 __export(configPlugin_exports, {
   default: () => configPlugin_default,
+  modifyBundlerConfig: () => modifyBundlerConfig,
   moduleFederationConfigPlugin: () => moduleFederationConfigPlugin,
   setEnv: () => setEnv
 });
@@ -41,6 +42,17 @@ function setEnv(enableSSR) {
     process.env["MF_SSR_PRJ"] = "true";
   }
 }
+function modifyBundlerConfig(options) {
+  const { mfConfig, config, isServer, modernjsConfig, remoteIpStrategy = "ipv4", bundlerType } = options;
+  (0, import_utils.patchMFConfig)(mfConfig, isServer, remoteIpStrategy);
+  (0, import_utils.patchBundlerConfig)({
+    bundlerType,
+    bundlerConfig: config,
+    isServer,
+    modernjsConfig,
+    mfConfig
+  });
+}
 const moduleFederationConfigPlugin = (userConfig) => ({
   name: "@modern-js/plugin-module-federation-config",
   pre: [
@@ -56,19 +68,6 @@ const moduleFederationConfigPlugin = (userConfig) => ({
     const ssrConfig = userConfig.ssrConfig || JSON.parse(JSON.stringify(mfConfig));
     userConfig.ssrConfig = ssrConfig;
     userConfig.csrConfig = csrConfig;
-    api.modifyBundlerChain((chain, { isProd, isServer }) => {
-      (0, import_utils.addMyTypes2Ignored)(chain, isServer ? ssrConfig : csrConfig);
-      const targetMFConfig = isServer ? ssrConfig : csrConfig;
-      (0, import_utils.patchMFConfig)(targetMFConfig, isServer, userConfig.remoteIpStrategy || "ipv4");
-      (0, import_utils.patchBundlerConfig)({
-        // @ts-expect-error chain type is not correct
-        chain,
-        isServer,
-        modernjsConfig,
-        mfConfig
-      });
-      userConfig.distOutputDir = chain.output.get("path") || import_path.default.resolve(process.cwd(), "dist");
-    });
     api.config(() => {
       var _userConfig_userConfig, _modernjsConfig_server, _modernjsConfig_source, _modernjsConfig_source1, _modernjsConfig_dev;
       const bundlerType = api.getAppContext().bundlerType === "rspack" ? "rspack" : "webpack";
@@ -84,6 +83,33 @@ const moduleFederationConfigPlugin = (userConfig) => ({
       var _modernjsConfig_source_enableAsyncEntry;
       return {
         tools: {
+          bundlerChain(chain, { isServer }) {
+            (0, import_utils.addMyTypes2Ignored)(chain, isServer ? ssrConfig : csrConfig);
+          },
+          rspack(config, { isServer }) {
+            var _config_output;
+            modifyBundlerConfig({
+              bundlerType,
+              mfConfig: isServer ? ssrConfig : csrConfig,
+              config,
+              isServer,
+              modernjsConfig,
+              remoteIpStrategy: userConfig.remoteIpStrategy
+            });
+            userConfig.distOutputDir = ((_config_output = config.output) === null || _config_output === void 0 ? void 0 : _config_output.path) || import_path.default.resolve(process.cwd(), "dist");
+          },
+          webpack(config, { isServer }) {
+            var _config_output;
+            modifyBundlerConfig({
+              bundlerType,
+              mfConfig: isServer ? ssrConfig : csrConfig,
+              config,
+              isServer,
+              modernjsConfig,
+              remoteIpStrategy: userConfig.remoteIpStrategy
+            });
+            userConfig.distOutputDir = ((_config_output = config.output) === null || _config_output === void 0 ? void 0 : _config_output.path) || import_path.default.resolve(process.cwd(), "dist");
+          },
           devServer: {
             headers: {
               "Access-Control-Allow-Origin": "*",
@@ -112,6 +138,7 @@ const moduleFederationConfigPlugin = (userConfig) => ({
 var configPlugin_default = moduleFederationConfigPlugin;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  modifyBundlerConfig,
   moduleFederationConfigPlugin,
   setEnv
 });

package/dist/cjs/cli/index.js

@@ -43,33 +43,37 @@ const moduleFederationPlugin = (userConfig = {}) => {
     name: "@modern-js/plugin-module-federation",
     setup: async (api) => {
       const modernjsConfig = api.getConfig();
-      api.modifyBundlerChain((chain, { isServer }) => {
-        const bundlerType = api.getAppContext().bundlerType === "rspack" ? "rspack" : "webpack";
-        console.log("index bundlerType", bundlerType);
-        console.log("index isServer", isServer);
-        const browserPluginOptions = internalModernPluginOptions.csrConfig;
-        const MFPlugin = bundlerType === "webpack" ? import_enhanced.ModuleFederationPlugin : import_rspack.ModuleFederationPlugin;
-        if (!isServer) {
-          chain.plugin("plugin-module-federation").use(MFPlugin, [
-            browserPluginOptions
-          ]).init((Plugin, args) => {
-            internalModernPluginOptions.browserPlugin = new Plugin(args[0]);
-            return internalModernPluginOptions.browserPlugin;
-          });
-        }
-        if (bundlerType === "webpack") {
-          var _modernjsConfig_source;
-          const enableAsyncEntry = (_modernjsConfig_source = modernjsConfig.source) === null || _modernjsConfig_source === void 0 ? void 0 : _modernjsConfig_source.enableAsyncEntry;
-          if (!enableAsyncEntry && browserPluginOptions.async !== false) {
-            const asyncBoundaryPluginOptions = typeof browserPluginOptions.async === "object" ? browserPluginOptions.async : {
-              eager: (module2) => module2 && /\.federation/.test((module2 === null || module2 === void 0 ? void 0 : module2.request) || ""),
-              excludeChunk: (chunk) => chunk.name === browserPluginOptions.name
-            };
-            chain.plugin("async-boundary-plugin").use(import_enhanced.AsyncBoundaryPlugin, [
-              asyncBoundaryPluginOptions
-            ]);
+      api.config(() => {
+        return {
+          tools: {
+            rspack(config, { isServer }) {
+              const browserPluginOptions = internalModernPluginOptions.csrConfig;
+              if (!isServer) {
+                var _config_plugins;
+                internalModernPluginOptions.browserPlugin = new import_rspack.ModuleFederationPlugin(browserPluginOptions);
+                (_config_plugins = config.plugins) === null || _config_plugins === void 0 ? void 0 : _config_plugins.push(internalModernPluginOptions.browserPlugin);
+              }
+            },
+            webpack(config, { isServer }) {
+              var _modernjsConfig_source;
+              const browserPluginOptions = internalModernPluginOptions.csrConfig;
+              if (!isServer) {
+                var _config_plugins;
+                internalModernPluginOptions.browserPlugin = new import_enhanced.ModuleFederationPlugin(browserPluginOptions);
+                (_config_plugins = config.plugins) === null || _config_plugins === void 0 ? void 0 : _config_plugins.push(internalModernPluginOptions.browserPlugin);
+              }
+              const enableAsyncEntry = (_modernjsConfig_source = modernjsConfig.source) === null || _modernjsConfig_source === void 0 ? void 0 : _modernjsConfig_source.enableAsyncEntry;
+              if (!enableAsyncEntry && browserPluginOptions.async !== false) {
+                var _config_plugins1;
+                const asyncBoundaryPluginOptions = typeof browserPluginOptions.async === "object" ? browserPluginOptions.async : {
+                  eager: (module2) => module2 && /\.federation/.test((module2 === null || module2 === void 0 ? void 0 : module2.request) || ""),
+                  excludeChunk: (chunk) => chunk.name === browserPluginOptions.name
+                };
+                (_config_plugins1 = config.plugins) === null || _config_plugins1 === void 0 ? void 0 : _config_plugins1.push(new import_enhanced.AsyncBoundaryPlugin(asyncBoundaryPluginOptions));
+              }
+            }
           }
-        }
+        };
       });
     },
     usePlugins: [

package/dist/cjs/cli/ssrPlugin.js

@@ -28,7 +28,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ssrPlugin_exports = {};
 __export(ssrPlugin_exports, {
-  CHAIN_MF_PLUGIN_ID: () => CHAIN_MF_PLUGIN_ID,
   default: () => ssrPlugin_default,
   moduleFederationSSRPlugin: () => moduleFederationSSRPlugin,
   setEnv: () => setEnv
@@ -46,7 +45,6 @@ function setEnv() {
   process.env["MF_DISABLE_EMIT_STATS"] = "true";
   process.env["MF_SSR_PRJ"] = "true";
 }
-const CHAIN_MF_PLUGIN_ID = "plugin-module-federation-server";
 const moduleFederationSSRPlugin = (pluginOptions) => ({
   name: "@modern-js/plugin-module-federation-ssr",
   pre: [
@@ -57,8 +55,6 @@ const moduleFederationSSRPlugin = (pluginOptions) => ({
     var _pluginOptions_userConfig, _modernjsConfig_server;
     const modernjsConfig = api.getConfig();
     const enableSSR = ((_pluginOptions_userConfig = pluginOptions.userConfig) === null || _pluginOptions_userConfig === void 0 ? void 0 : _pluginOptions_userConfig.ssr) === false ? false : Boolean(modernjsConfig === null || modernjsConfig === void 0 ? void 0 : (_modernjsConfig_server = modernjsConfig.server) === null || _modernjsConfig_server === void 0 ? void 0 : _modernjsConfig_server.ssr);
-    console.log("enableSSR: ", enableSSR);
-    console.log("isDev: ", import_constant.isDev);
     if (!enableSSR) {
       return;
     }
@@ -80,36 +76,33 @@ const moduleFederationSSRPlugin = (pluginOptions) => ({
         plugins
       };
     });
-    api.modifyBundlerChain((chain, { isServer }) => {
-      const bundlerType = api.getAppContext().bundlerType === "rspack" ? "rspack" : "webpack";
-      console.log("ssrPlugin bundlerType: ", bundlerType);
-      console.log("ssrPlugin isServer: ", isServer);
-      const MFPlugin = bundlerType === "webpack" ? import_webpack.ModuleFederationPlugin : import_rspack.ModuleFederationPlugin;
-      if (isServer) {
-        if (!chain.plugins.has(CHAIN_MF_PLUGIN_ID)) {
-          chain.plugin(CHAIN_MF_PLUGIN_ID).use(MFPlugin, [
-            pluginOptions.ssrConfig
-          ]).init((Plugin, args) => {
-            pluginOptions.nodePlugin = new Plugin(args[0]);
-            return pluginOptions.nodePlugin;
-          });
-        }
-      }
-      if (isServer) {
-        chain.target("async-node");
-        if (import_constant.isDev) {
-          chain.plugin("UniverseEntryChunkTrackerPlugin").use(import_universe_entry_chunk_tracker_plugin.default);
-        }
-      }
-      if (import_constant.isDev && !isServer) {
-        chain.externals({
-          "@module-federation/node/utils": "NOT_USED_IN_BROWSER"
-        });
-      }
-    });
     api.config(() => {
       return {
         tools: {
+          rspack(config, { isServer }) {
+            if (isServer) {
+              if (!pluginOptions.nodePlugin) {
+                var _config_plugins;
+                pluginOptions.nodePlugin = new import_rspack.ModuleFederationPlugin(pluginOptions.ssrConfig);
+                (_config_plugins = config.plugins) === null || _config_plugins === void 0 ? void 0 : _config_plugins.push(pluginOptions.nodePlugin);
+              }
+            } else {
+              var _config_output;
+              pluginOptions.distOutputDir = pluginOptions.distOutputDir || ((_config_output = config.output) === null || _config_output === void 0 ? void 0 : _config_output.path) || import_path.default.resolve(process.cwd(), "dist");
+            }
+          },
+          webpack(config, { isServer }) {
+            if (isServer) {
+              if (!pluginOptions.nodePlugin) {
+                var _config_plugins;
+                pluginOptions.nodePlugin = new import_webpack.ModuleFederationPlugin(pluginOptions.ssrConfig);
+                (_config_plugins = config.plugins) === null || _config_plugins === void 0 ? void 0 : _config_plugins.push(pluginOptions.nodePlugin);
+              }
+            } else {
+              var _config_output;
+              pluginOptions.distOutputDir = pluginOptions.distOutputDir || ((_config_output = config.output) === null || _config_output === void 0 ? void 0 : _config_output.path) || import_path.default.resolve(process.cwd(), "dist");
+            }
+          },
           devServer: {
             before: [
               (req, res, next) => {
@@ -135,6 +128,19 @@ const moduleFederationSSRPlugin = (pluginOptions) => ({
                 }
               }
             ]
+          },
+          bundlerChain(chain, { isServer }) {
+            if (isServer) {
+              chain.target("async-node");
+              if (import_constant.isDev) {
+                chain.plugin("UniverseEntryChunkTrackerPlugin").use(import_universe_entry_chunk_tracker_plugin.default);
+              }
+            }
+            if (import_constant.isDev && !isServer) {
+              chain.externals({
+                "@module-federation/node/utils": "NOT_USED_IN_BROWSER"
+              });
+            }
           }
         }
       };
@@ -152,7 +158,6 @@ const moduleFederationSSRPlugin = (pluginOptions) => ({
 var ssrPlugin_default = moduleFederationSSRPlugin;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  CHAIN_MF_PLUGIN_ID,
   moduleFederationSSRPlugin,
   setEnv
 });

package/dist/cjs/cli/utils.js

@@ -32,6 +32,7 @@ __export(utils_exports, {
   getIPV4: () => getIPV4,
   getMFConfig: () => getMFConfig,
   patchBundlerConfig: () => patchBundlerConfig,
+  patchIgnoreWarning: () => patchIgnoreWarning,
   patchMFConfig: () => patchMFConfig
 });
 module.exports = __toCommonJS(utils_exports);
@@ -172,20 +173,19 @@ const patchMFConfig = (mfConfig, isServer, remoteIpStrategy) => {
   mfConfig.dev = false;
   return mfConfig;
 };
-function patchIgnoreWarning(chain) {
-  const ignoreWarnings = chain.get("ignoreWarnings") || [];
+function patchIgnoreWarning(bundlerConfig) {
+  bundlerConfig.ignoreWarnings = bundlerConfig.ignoreWarnings || [];
   const ignoredMsgs = [
     "external script",
     "process.env.WS_NO_BUFFER_UTIL",
     `Can't resolve 'utf-8-validate`
   ];
-  ignoreWarnings.push((warning) => {
+  bundlerConfig.ignoreWarnings.push((warning) => {
     if (ignoredMsgs.some((msg) => warning.message.includes(msg))) {
       return true;
     }
     return false;
   });
-  chain.ignoreWarnings(ignoreWarnings);
 }
 function addMyTypes2Ignored(chain, mfConfig) {
   const watchOptions = chain.get("watchOptions");
@@ -224,43 +224,55 @@ function addMyTypes2Ignored(chain, mfConfig) {
   });
 }
 function patchBundlerConfig(options) {
-  var _modernjsConfig_server, _modernjsConfig_deploy;
-  const { chain, modernjsConfig, isServer, mfConfig } = options;
+  var _modernjsConfig_server, _bundlerConfig_optimization, _bundlerConfig_optimization1, _bundlerConfig_output, _modernjsConfig_deploy;
+  const { bundlerConfig, modernjsConfig, isServer, mfConfig, bundlerType } = options;
   const enableSSR = Boolean((_modernjsConfig_server = modernjsConfig.server) === null || _modernjsConfig_server === void 0 ? void 0 : _modernjsConfig_server.ssr);
-  chain.optimization.delete("runtimeChunk");
-  if (!chain.output.get("chunkLoadingGlobal")) {
-    chain.output.chunkLoadingGlobal(`chunk_${mfConfig.name}`);
-  }
-  if (!chain.output.get("uniqueName")) {
-    chain.output.uniqueName(mfConfig.name);
+  (_bundlerConfig_optimization = bundlerConfig.optimization) === null || _bundlerConfig_optimization === void 0 ? true : delete _bundlerConfig_optimization.runtimeChunk;
+  patchIgnoreWarning(bundlerConfig);
+  if (bundlerConfig.output) {
+    var _bundlerConfig_output1, _bundlerConfig_output2;
+    if (!((_bundlerConfig_output1 = bundlerConfig.output) === null || _bundlerConfig_output1 === void 0 ? void 0 : _bundlerConfig_output1.chunkLoadingGlobal)) {
+      bundlerConfig.output.chunkLoadingGlobal = `chunk_${mfConfig.name}`;
+    }
+    if (!((_bundlerConfig_output2 = bundlerConfig.output) === null || _bundlerConfig_output2 === void 0 ? void 0 : _bundlerConfig_output2.uniqueName)) {
+      bundlerConfig.output.uniqueName = mfConfig.name;
+    }
   }
-  const splitChunkConfig = chain.optimization.splitChunks.entries();
   if (!isServer) {
-    (0, import_utils.autoDeleteSplitChunkCacheGroups)(mfConfig, splitChunkConfig);
+    (0, import_utils.autoDeleteSplitChunkCacheGroups)(mfConfig, bundlerConfig);
   }
-  if (!isServer && enableSSR && splitChunkConfig && typeof splitChunkConfig === "object" && splitChunkConfig.cacheGroups) {
-    splitChunkConfig.chunks = "async";
+  if (!isServer && enableSSR && typeof ((_bundlerConfig_optimization1 = bundlerConfig.optimization) === null || _bundlerConfig_optimization1 === void 0 ? void 0 : _bundlerConfig_optimization1.splitChunks) === "object" && bundlerConfig.optimization.splitChunks.cacheGroups) {
+    bundlerConfig.optimization.splitChunks.chunks = "async";
     import_logger.default.warn(`splitChunks.chunks = async is not allowed with stream SSR mode, it will auto changed to "async"`);
   }
-  if (isDev && chain.output.get("publicPath") === "auto") {
+  if (isDev && ((_bundlerConfig_output = bundlerConfig.output) === null || _bundlerConfig_output === void 0 ? void 0 : _bundlerConfig_output.publicPath) === "auto") {
     var _modernjsConfig_dev, _modernjsConfig_server1;
     const port = ((_modernjsConfig_dev = modernjsConfig.dev) === null || _modernjsConfig_dev === void 0 ? void 0 : _modernjsConfig_dev.port) || ((_modernjsConfig_server1 = modernjsConfig.server) === null || _modernjsConfig_server1 === void 0 ? void 0 : _modernjsConfig_server1.port) || 8080;
     const publicPath = `http://localhost:${port}/`;
-    chain.output.publicPath(publicPath);
+    bundlerConfig.output.publicPath = publicPath;
   }
   if (isServer && enableSSR) {
-    const uniqueName = mfConfig.name || chain.output.get("uniqueName");
-    const chunkFileName = chain.output.get("chunkFilename");
-    if (typeof chunkFileName === "string" && uniqueName && !chunkFileName.includes(uniqueName)) {
+    const { output } = bundlerConfig;
+    const uniqueName = mfConfig.name || (output === null || output === void 0 ? void 0 : output.uniqueName);
+    const chunkFileName = output === null || output === void 0 ? void 0 : output.chunkFilename;
+    if (output && typeof chunkFileName === "string" && uniqueName && !chunkFileName.includes(uniqueName)) {
       const suffix = `${(0, import_sdk.encodeName)(uniqueName)}-[chunkhash].js`;
-      chain.output.chunkFilename(chunkFileName.replace(".js", suffix));
+      output.chunkFilename = chunkFileName.replace(".js", suffix);
     }
   }
   if (isDev && enableSSR && !isServer) {
-    chain.resolve.fallback.set("crypto", false).set("stream", false).set("vm", false);
+    bundlerConfig.resolve.fallback = {
+      ...bundlerConfig.resolve.fallback,
+      crypto: false,
+      stream: false,
+      vm: false
+    };
   }
   if (((_modernjsConfig_deploy = modernjsConfig.deploy) === null || _modernjsConfig_deploy === void 0 ? void 0 : _modernjsConfig_deploy.microFrontend) && Object.keys(mfConfig.exposes || {}).length) {
-    chain.optimization.usedExports(false);
+    if (!bundlerConfig.optimization) {
+      bundlerConfig.optimization = {};
+    }
+    bundlerConfig.optimization.usedExports = false;
   }
 }
 const localIpv4 = "127.0.0.1";
@@ -288,11 +300,34 @@ const getIPV4 = () => {
   };
   return ipv4Interface.address;
 };
+const SPLIT_CHUNK_MAP = {
+  REACT: "react",
+  ROUTER: "router",
+  LODASH: "lib-lodash",
+  ANTD: "lib-antd",
+  ARCO: "lib-arco",
+  SEMI: "lib-semi",
+  AXIOS: "lib-axios"
+};
+const SHARED_SPLIT_CHUNK_MAP = {
+  react: SPLIT_CHUNK_MAP.REACT,
+  "react-dom": SPLIT_CHUNK_MAP.REACT,
+  "react-router": SPLIT_CHUNK_MAP.ROUTER,
+  "react-router-dom": SPLIT_CHUNK_MAP.ROUTER,
+  "@remix-run/router": SPLIT_CHUNK_MAP.ROUTER,
+  lodash: SPLIT_CHUNK_MAP.LODASH,
+  "lodash-es": SPLIT_CHUNK_MAP.LODASH,
+  antd: SPLIT_CHUNK_MAP.ANTD,
+  "@arco-design/web-react": SPLIT_CHUNK_MAP.ARCO,
+  "@douyinfe/semi-ui": SPLIT_CHUNK_MAP.SEMI,
+  axios: SPLIT_CHUNK_MAP.AXIOS
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   addMyTypes2Ignored,
   getIPV4,
   getMFConfig,
   patchBundlerConfig,
+  patchIgnoreWarning,
   patchMFConfig
 });

package/dist/cjs/cli/utils.spec.js

@@ -109,3 +109,63 @@ const mfConfig = {
     });
   });
 });
+(0, import_vitest.describe)("patchBundlerConfig", async () => {
+  (0, import_vitest.it)("patchBundlerConfig: server", async () => {
+    const bundlerConfig = {
+      output: {
+        publicPath: "auto"
+      }
+    };
+    (0, import_utils.patchBundlerConfig)({
+      bundlerType: "webpack",
+      bundlerConfig,
+      isServer: true,
+      modernjsConfig: {
+        server: {
+          ssr: {
+            mode: "stream"
+          }
+        }
+      },
+      mfConfig
+    });
+    const expectedConfig = {
+      output: {
+        chunkLoadingGlobal: "chunk_host",
+        publicPath: "auto",
+        uniqueName: "host"
+      }
+    };
+    bundlerConfig === null || bundlerConfig === void 0 ? true : delete bundlerConfig.ignoreWarnings;
+    (0, import_vitest.expect)(bundlerConfig).toStrictEqual(expectedConfig);
+  });
+  (0, import_vitest.it)("patchBundlerConfig: client", async () => {
+    const bundlerConfig = {
+      output: {
+        publicPath: "auto"
+      }
+    };
+    (0, import_utils.patchBundlerConfig)({
+      bundlerType: "webpack",
+      bundlerConfig,
+      isServer: false,
+      modernjsConfig: {
+        server: {
+          ssr: {
+            mode: "stream"
+          }
+        }
+      },
+      mfConfig
+    });
+    const expectedConfig = {
+      output: {
+        chunkLoadingGlobal: "chunk_host",
+        publicPath: "auto",
+        uniqueName: "host"
+      }
+    };
+    bundlerConfig === null || bundlerConfig === void 0 ? true : delete bundlerConfig.ignoreWarnings;
+    (0, import_vitest.expect)(bundlerConfig).toStrictEqual(expectedConfig);
+  });
+});

package/dist/esm/cli/configPlugin.js

@@ -8,6 +8,17 @@ function setEnv(enableSSR) {
     process.env["MF_SSR_PRJ"] = "true";
   }
 }
+function modifyBundlerConfig(options) {
+  var mfConfig = options.mfConfig, config = options.config, isServer = options.isServer, modernjsConfig = options.modernjsConfig, _options_remoteIpStrategy = options.remoteIpStrategy, remoteIpStrategy = _options_remoteIpStrategy === void 0 ? "ipv4" : _options_remoteIpStrategy, bundlerType = options.bundlerType;
+  patchMFConfig(mfConfig, isServer, remoteIpStrategy);
+  patchBundlerConfig({
+    bundlerType,
+    bundlerConfig: config,
+    isServer,
+    modernjsConfig,
+    mfConfig
+  });
+}
 var moduleFederationConfigPlugin = function(userConfig) {
   return {
     name: "@modern-js/plugin-module-federation-config",
@@ -34,20 +45,6 @@ var moduleFederationConfigPlugin = function(userConfig) {
               ssrConfig = userConfig.ssrConfig || JSON.parse(JSON.stringify(mfConfig));
               userConfig.ssrConfig = ssrConfig;
               userConfig.csrConfig = csrConfig;
-              api.modifyBundlerChain(function(chain, param) {
-                var isProd = param.isProd, isServer = param.isServer;
-                addMyTypes2Ignored(chain, isServer ? ssrConfig : csrConfig);
-                var targetMFConfig = isServer ? ssrConfig : csrConfig;
-                patchMFConfig(targetMFConfig, isServer, userConfig.remoteIpStrategy || "ipv4");
-                patchBundlerConfig({
-                  // @ts-expect-error chain type is not correct
-                  chain,
-                  isServer,
-                  modernjsConfig,
-                  mfConfig
-                });
-                userConfig.distOutputDir = chain.output.get("path") || path.resolve(process.cwd(), "dist");
-              });
               api.config(function() {
                 var _userConfig_userConfig, _modernjsConfig_server, _modernjsConfig_source, _modernjsConfig_source1, _modernjsConfig_dev;
                 var bundlerType = api.getAppContext().bundlerType === "rspack" ? "rspack" : "webpack";
@@ -63,6 +60,36 @@ var moduleFederationConfigPlugin = function(userConfig) {
                 var _modernjsConfig_source_enableAsyncEntry;
                 return {
                   tools: {
+                    bundlerChain: function bundlerChain(chain, param) {
+                      var isServer = param.isServer;
+                      addMyTypes2Ignored(chain, isServer ? ssrConfig : csrConfig);
+                    },
+                    rspack: function rspack(config, param) {
+                      var isServer = param.isServer;
+                      var _config_output;
+                      modifyBundlerConfig({
+                        bundlerType,
+                        mfConfig: isServer ? ssrConfig : csrConfig,
+                        config,
+                        isServer,
+                        modernjsConfig,
+                        remoteIpStrategy: userConfig.remoteIpStrategy
+                      });
+                      userConfig.distOutputDir = ((_config_output = config.output) === null || _config_output === void 0 ? void 0 : _config_output.path) || path.resolve(process.cwd(), "dist");
+                    },
+                    webpack: function webpack(config, param) {
+                      var isServer = param.isServer;
+                      var _config_output;
+                      modifyBundlerConfig({
+                        bundlerType,
+                        mfConfig: isServer ? ssrConfig : csrConfig,
+                        config,
+                        isServer,
+                        modernjsConfig,
+                        remoteIpStrategy: userConfig.remoteIpStrategy
+                      });
+                      userConfig.distOutputDir = ((_config_output = config.output) === null || _config_output === void 0 ? void 0 : _config_output.path) || path.resolve(process.cwd(), "dist");
+                    },
                     devServer: {
                       headers: {
                         "Access-Control-Allow-Origin": "*",
@@ -101,6 +128,7 @@ var moduleFederationConfigPlugin = function(userConfig) {
 var configPlugin_default = moduleFederationConfigPlugin;
 export {
   configPlugin_default as default,
+  modifyBundlerConfig,
   moduleFederationConfigPlugin,
   setEnv
 };

package/dist/esm/cli/index.js

@@ -24,38 +24,43 @@ var moduleFederationPlugin = function() {
         var modernjsConfig;
         return _ts_generator(this, function(_state) {
           modernjsConfig = api.getConfig();
-          api.modifyBundlerChain(function(chain, param) {
-            var isServer = param.isServer;
-            var bundlerType = api.getAppContext().bundlerType === "rspack" ? "rspack" : "webpack";
-            console.log("index bundlerType", bundlerType);
-            console.log("index isServer", isServer);
-            var browserPluginOptions = internalModernPluginOptions.csrConfig;
-            var MFPlugin = bundlerType === "webpack" ? WebpackModuleFederationPlugin : RspackModuleFederationPlugin;
-            if (!isServer) {
-              chain.plugin("plugin-module-federation").use(MFPlugin, [
-                browserPluginOptions
-              ]).init(function(Plugin, args) {
-                internalModernPluginOptions.browserPlugin = new Plugin(args[0]);
-                return internalModernPluginOptions.browserPlugin;
-              });
-            }
-            if (bundlerType === "webpack") {
-              var _modernjsConfig_source;
-              var enableAsyncEntry = (_modernjsConfig_source = modernjsConfig.source) === null || _modernjsConfig_source === void 0 ? void 0 : _modernjsConfig_source.enableAsyncEntry;
-              if (!enableAsyncEntry && browserPluginOptions.async !== false) {
-                var asyncBoundaryPluginOptions = _type_of(browserPluginOptions.async) === "object" ? browserPluginOptions.async : {
-                  eager: function(module) {
-                    return module && /\.federation/.test((module === null || module === void 0 ? void 0 : module.request) || "");
-                  },
-                  excludeChunk: function(chunk) {
-                    return chunk.name === browserPluginOptions.name;
+          api.config(function() {
+            return {
+              tools: {
+                rspack: function rspack(config, param) {
+                  var isServer = param.isServer;
+                  var browserPluginOptions = internalModernPluginOptions.csrConfig;
+                  if (!isServer) {
+                    var _config_plugins;
+                    internalModernPluginOptions.browserPlugin = new RspackModuleFederationPlugin(browserPluginOptions);
+                    (_config_plugins = config.plugins) === null || _config_plugins === void 0 ? void 0 : _config_plugins.push(internalModernPluginOptions.browserPlugin);
                   }
-                };
-                chain.plugin("async-boundary-plugin").use(AsyncBoundaryPlugin, [
-                  asyncBoundaryPluginOptions
-                ]);
+                },
+                webpack: function webpack(config, param) {
+                  var isServer = param.isServer;
+                  var _modernjsConfig_source;
+                  var browserPluginOptions = internalModernPluginOptions.csrConfig;
+                  if (!isServer) {
+                    var _config_plugins;
+                    internalModernPluginOptions.browserPlugin = new WebpackModuleFederationPlugin(browserPluginOptions);
+                    (_config_plugins = config.plugins) === null || _config_plugins === void 0 ? void 0 : _config_plugins.push(internalModernPluginOptions.browserPlugin);
+                  }
+                  var enableAsyncEntry = (_modernjsConfig_source = modernjsConfig.source) === null || _modernjsConfig_source === void 0 ? void 0 : _modernjsConfig_source.enableAsyncEntry;
+                  if (!enableAsyncEntry && browserPluginOptions.async !== false) {
+                    var _config_plugins1;
+                    var asyncBoundaryPluginOptions = _type_of(browserPluginOptions.async) === "object" ? browserPluginOptions.async : {
+                      eager: function(module) {
+                        return module && /\.federation/.test((module === null || module === void 0 ? void 0 : module.request) || "");
+                      },
+                      excludeChunk: function(chunk) {
+                        return chunk.name === browserPluginOptions.name;
+                      }
+                    };
+                    (_config_plugins1 = config.plugins) === null || _config_plugins1 === void 0 ? void 0 : _config_plugins1.push(new AsyncBoundaryPlugin(asyncBoundaryPluginOptions));
+                  }
+                }
               }
-            }
+            };
           });
           return [
             2