@module-federation/modern-js 0.0.0-next-20250221033258 → 0.0.0-next-20250221081237

package/dist/esm/cli/index.js

@@ -24,43 +24,36 @@ var moduleFederationPlugin = function() {
         var modernjsConfig;
         return _ts_generator(this, function(_state) {
           modernjsConfig = api.getConfig();
-          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);
+          api.modifyBundlerChain(function(chain, param) {
+            var isServer = param.isServer;
+            var bundlerType = api.getAppContext().bundlerType === "rspack" ? "rspack" : "webpack";
+            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;
                   }
-                },
-                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));
-                  }
-                }
+                };
+                chain.plugin("async-boundary-plugin").use(AsyncBoundaryPlugin, [
+                  asyncBoundaryPluginOptions
+                ]);
               }
-            };
+            }
           });
           return [
             2

package/dist/esm/cli/ssrPlugin.js

@@ -12,6 +12,7 @@ function setEnv() {
   process.env["MF_DISABLE_EMIT_STATS"] = "true";
   process.env["MF_SSR_PRJ"] = "true";
 }
+var CHAIN_MF_PLUGIN_ID = "plugin-module-federation-server";
 var moduleFederationSSRPlugin = function(pluginOptions) {
   return {
     name: "@modern-js/plugin-module-federation-ssr",
@@ -21,10 +22,10 @@ var moduleFederationSSRPlugin = function(pluginOptions) {
     ],
     setup: function() {
       var _ref = _async_to_generator(function(api) {
-        var _pluginOptions_userConfig, _modernjsConfig_server, modernjsConfig, enableSSR;
+        var _pluginOptions_userConfig, _modernjsConfig_server, modernjsConfig, _pluginOptions_userConfig_ssr, enableSSR;
         return _ts_generator(this, function(_state) {
           modernjsConfig = api.getConfig();
-          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);
+          enableSSR = (_pluginOptions_userConfig_ssr = (_pluginOptions_userConfig = pluginOptions.userConfig) === null || _pluginOptions_userConfig === void 0 ? void 0 : _pluginOptions_userConfig.ssr) !== null && _pluginOptions_userConfig_ssr !== void 0 ? _pluginOptions_userConfig_ssr : Boolean(modernjsConfig === null || modernjsConfig === void 0 ? void 0 : (_modernjsConfig_server = modernjsConfig.server) === null || _modernjsConfig_server === void 0 ? void 0 : _modernjsConfig_server.ssr);
           if (!enableSSR) {
             return [
               2
@@ -49,35 +50,35 @@ var moduleFederationSSRPlugin = function(pluginOptions) {
               plugins
             };
           });
+          api.modifyBundlerChain(function(chain, param) {
+            var isServer = param.isServer;
+            var bundlerType = api.getAppContext().bundlerType === "rspack" ? "rspack" : "webpack";
+            var MFPlugin = bundlerType === "webpack" ? ModuleFederationPlugin : RspackModuleFederationPlugin;
+            if (isServer) {
+              if (!chain.plugins.has(CHAIN_MF_PLUGIN_ID)) {
+                chain.plugin(CHAIN_MF_PLUGIN_ID).use(MFPlugin, [
+                  pluginOptions.ssrConfig
+                ]).init(function(Plugin, args) {
+                  pluginOptions.nodePlugin = new Plugin(args[0]);
+                  return pluginOptions.nodePlugin;
+                });
+              }
+            }
+            if (isServer) {
+              chain.target("async-node");
+              if (isDev) {
+                chain.plugin("UniverseEntryChunkTrackerPlugin").use(UniverseEntryChunkTrackerPlugin);
+              }
+            }
+            if (isDev && !isServer) {
+              chain.externals({
+                "@module-federation/node/utils": "NOT_USED_IN_BROWSER"
+              });
+            }
+          });
           api.config(function() {
             return {
               tools: {
-                rspack: function rspack(config, param) {
-                  var isServer = param.isServer;
-                  if (isServer) {
-                    if (!pluginOptions.nodePlugin) {
-                      var _config_plugins;
-                      pluginOptions.nodePlugin = new RspackModuleFederationPlugin(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) || path.resolve(process.cwd(), "dist");
-                  }
-                },
-                webpack: function webpack(config, param) {
-                  var isServer = param.isServer;
-                  if (isServer) {
-                    if (!pluginOptions.nodePlugin) {
-                      var _config_plugins;
-                      pluginOptions.nodePlugin = new 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) || path.resolve(process.cwd(), "dist");
-                  }
-                },
                 devServer: {
                   before: [
                     function(req, res, next) {
@@ -103,20 +104,6 @@ var moduleFederationSSRPlugin = function(pluginOptions) {
                       }
                     }
                   ]
-                },
-                bundlerChain: function bundlerChain(chain, param) {
-                  var isServer = param.isServer;
-                  if (isServer) {
-                    chain.target("async-node");
-                    if (isDev) {
-                      chain.plugin("UniverseEntryChunkTrackerPlugin").use(UniverseEntryChunkTrackerPlugin);
-                    }
-                  }
-                  if (isDev && !isServer) {
-                    chain.externals({
-                      "@module-federation/node/utils": "NOT_USED_IN_BROWSER"
-                    });
-                  }
                 }
               }
             };
@@ -142,6 +129,7 @@ var moduleFederationSSRPlugin = function(pluginOptions) {
 };
 var ssrPlugin_default = moduleFederationSSRPlugin;
 export {
+  CHAIN_MF_PLUGIN_ID,
   ssrPlugin_default as default,
   moduleFederationSSRPlugin,
   setEnv

package/dist/esm/cli/utils.js

@@ -166,14 +166,14 @@ var patchMFConfig = function(mfConfig, isServer, remoteIpStrategy) {
   mfConfig.dev = false;
   return mfConfig;
 };
-function patchIgnoreWarning(bundlerConfig) {
-  bundlerConfig.ignoreWarnings = bundlerConfig.ignoreWarnings || [];
+function patchIgnoreWarning(chain) {
+  var ignoreWarnings = chain.get("ignoreWarnings") || [];
   var ignoredMsgs = [
     "external script",
     "process.env.WS_NO_BUFFER_UTIL",
     "Can't resolve 'utf-8-validate"
   ];
-  bundlerConfig.ignoreWarnings.push(function(warning) {
+  ignoreWarnings.push(function(warning) {
     if (ignoredMsgs.some(function(msg) {
       return warning.message.includes(msg);
     })) {
@@ -181,6 +181,7 @@ function patchIgnoreWarning(bundlerConfig) {
     }
     return false;
   });
+  chain.ignoreWarnings(ignoreWarnings);
 }
 function addMyTypes2Ignored(chain, mfConfig) {
   var watchOptions = chain.get("watchOptions");
@@ -215,54 +216,43 @@ function addMyTypes2Ignored(chain, mfConfig) {
   }));
 }
 function patchBundlerConfig(options) {
-  var _modernjsConfig_server, _bundlerConfig_optimization, _bundlerConfig_optimization1, _bundlerConfig_output, _modernjsConfig_deploy;
-  var bundlerConfig = options.bundlerConfig, modernjsConfig = options.modernjsConfig, isServer = options.isServer, mfConfig = options.mfConfig, bundlerType = options.bundlerType;
-  var enableSSR = Boolean((_modernjsConfig_server = modernjsConfig.server) === null || _modernjsConfig_server === void 0 ? void 0 : _modernjsConfig_server.ssr);
-  (_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_".concat(mfConfig.name);
-    }
-    if (!((_bundlerConfig_output2 = bundlerConfig.output) === null || _bundlerConfig_output2 === void 0 ? void 0 : _bundlerConfig_output2.uniqueName)) {
-      bundlerConfig.output.uniqueName = mfConfig.name;
-    }
+  var _modernjsConfig_deploy;
+  var chain = options.chain, modernjsConfig = options.modernjsConfig, isServer = options.isServer, mfConfig = options.mfConfig, enableSSR = options.enableSSR;
+  chain.optimization.delete("runtimeChunk");
+  patchIgnoreWarning(chain);
+  if (!chain.output.get("chunkLoadingGlobal")) {
+    chain.output.chunkLoadingGlobal("chunk_".concat(mfConfig.name));
   }
+  if (!chain.output.get("uniqueName")) {
+    chain.output.uniqueName(mfConfig.name);
+  }
+  var splitChunkConfig = chain.optimization.splitChunks.entries();
   if (!isServer) {
-    autoDeleteSplitChunkCacheGroups(mfConfig, bundlerConfig);
+    autoDeleteSplitChunkCacheGroups(mfConfig, splitChunkConfig);
   }
-  if (!isServer && enableSSR && _type_of((_bundlerConfig_optimization1 = bundlerConfig.optimization) === null || _bundlerConfig_optimization1 === void 0 ? void 0 : _bundlerConfig_optimization1.splitChunks) === "object" && bundlerConfig.optimization.splitChunks.cacheGroups) {
-    bundlerConfig.optimization.splitChunks.chunks = "async";
+  if (!isServer && enableSSR && splitChunkConfig && (typeof splitChunkConfig === "undefined" ? "undefined" : _type_of(splitChunkConfig)) === "object" && splitChunkConfig.cacheGroups) {
+    splitChunkConfig.chunks = "async";
     logger.warn('splitChunks.chunks = async is not allowed with stream SSR mode, it will auto changed to "async"');
   }
-  if (isDev && ((_bundlerConfig_output = bundlerConfig.output) === null || _bundlerConfig_output === void 0 ? void 0 : _bundlerConfig_output.publicPath) === "auto") {
-    var _modernjsConfig_dev, _modernjsConfig_server1;
-    var 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;
+  if (isDev && chain.output.get("publicPath") === "auto") {
+    var _modernjsConfig_dev, _modernjsConfig_server;
+    var port = ((_modernjsConfig_dev = modernjsConfig.dev) === null || _modernjsConfig_dev === void 0 ? void 0 : _modernjsConfig_dev.port) || ((_modernjsConfig_server = modernjsConfig.server) === null || _modernjsConfig_server === void 0 ? void 0 : _modernjsConfig_server.port) || 8080;
     var publicPath = "http://localhost:".concat(port, "/");
-    bundlerConfig.output.publicPath = publicPath;
+    chain.output.publicPath(publicPath);
   }
   if (isServer && enableSSR) {
-    var output = bundlerConfig.output;
-    var uniqueName = mfConfig.name || (output === null || output === void 0 ? void 0 : output.uniqueName);
-    var chunkFileName = output === null || output === void 0 ? void 0 : output.chunkFilename;
-    if (output && typeof chunkFileName === "string" && uniqueName && !chunkFileName.includes(uniqueName)) {
+    var uniqueName = mfConfig.name || chain.output.get("uniqueName");
+    var chunkFileName = chain.output.get("chunkFilename");
+    if (typeof chunkFileName === "string" && uniqueName && !chunkFileName.includes(uniqueName)) {
       var suffix = "".concat(encodeName(uniqueName), "-[chunkhash].js");
-      output.chunkFilename = chunkFileName.replace(".js", suffix);
+      chain.output.chunkFilename(chunkFileName.replace(".js", suffix));
     }
   }
   if (isDev && enableSSR && !isServer) {
-    bundlerConfig.resolve.fallback = _object_spread_props(_object_spread({}, bundlerConfig.resolve.fallback), {
-      crypto: false,
-      stream: false,
-      vm: false
-    });
+    chain.resolve.fallback.set("crypto", false).set("stream", false).set("vm", false);
   }
   if (((_modernjsConfig_deploy = modernjsConfig.deploy) === null || _modernjsConfig_deploy === void 0 ? void 0 : _modernjsConfig_deploy.microFrontend) && Object.keys(mfConfig.exposes || {}).length) {
-    if (!bundlerConfig.optimization) {
-      bundlerConfig.optimization = {};
-    }
-    bundlerConfig.optimization.usedExports = false;
+    chain.optimization.usedExports(false);
   }
 }
 var localIpv4 = "127.0.0.1";
@@ -290,33 +280,10 @@ var getIPV4 = function() {
   };
   return ipv4Interface.address;
 };
-var SPLIT_CHUNK_MAP = {
-  REACT: "react",
-  ROUTER: "router",
-  LODASH: "lib-lodash",
-  ANTD: "lib-antd",
-  ARCO: "lib-arco",
-  SEMI: "lib-semi",
-  AXIOS: "lib-axios"
-};
-var 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
-};
 export {
   addMyTypes2Ignored,
   getIPV4,
   getMFConfig,
   patchBundlerConfig,
-  patchIgnoreWarning,
   patchMFConfig
 };

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

@@ -1,7 +1,7 @@
 import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import { it, expect, describe } from "vitest";
-import { patchMFConfig, patchBundlerConfig, getIPV4 } from "./utils";
+import { patchMFConfig, getIPV4 } from "./utils";
 var mfConfig = {
   name: "host",
   filename: "remoteEntry.js",
@@ -105,80 +105,3 @@ describe("patchMFConfig", /* @__PURE__ */ _async_to_generator(function() {
     ];
   });
 }));
-describe("patchBundlerConfig", /* @__PURE__ */ _async_to_generator(function() {
-  return _ts_generator(this, function(_state) {
-    it("patchBundlerConfig: server", /* @__PURE__ */ _async_to_generator(function() {
-      var bundlerConfig, expectedConfig;
-      return _ts_generator(this, function(_state2) {
-        bundlerConfig = {
-          output: {
-            publicPath: "auto"
-          }
-        };
-        patchBundlerConfig({
-          bundlerType: "webpack",
-          bundlerConfig,
-          isServer: true,
-          modernjsConfig: {
-            server: {
-              ssr: {
-                mode: "stream"
-              }
-            }
-          },
-          mfConfig
-        });
-        expectedConfig = {
-          output: {
-            chunkLoadingGlobal: "chunk_host",
-            publicPath: "auto",
-            uniqueName: "host"
-          }
-        };
-        bundlerConfig === null || bundlerConfig === void 0 ? true : delete bundlerConfig.ignoreWarnings;
-        expect(bundlerConfig).toStrictEqual(expectedConfig);
-        return [
-          2
-        ];
-      });
-    }));
-    it("patchBundlerConfig: client", /* @__PURE__ */ _async_to_generator(function() {
-      var bundlerConfig, expectedConfig;
-      return _ts_generator(this, function(_state2) {
-        bundlerConfig = {
-          output: {
-            publicPath: "auto"
-          }
-        };
-        patchBundlerConfig({
-          bundlerType: "webpack",
-          bundlerConfig,
-          isServer: false,
-          modernjsConfig: {
-            server: {
-              ssr: {
-                mode: "stream"
-              }
-            }
-          },
-          mfConfig
-        });
-        expectedConfig = {
-          output: {
-            chunkLoadingGlobal: "chunk_host",
-            publicPath: "auto",
-            uniqueName: "host"
-          }
-        };
-        bundlerConfig === null || bundlerConfig === void 0 ? true : delete bundlerConfig.ignoreWarnings;
-        expect(bundlerConfig).toStrictEqual(expectedConfig);
-        return [
-          2
-        ];
-      });
-    }));
-    return [
-      2
-    ];
-  });
-}));

package/dist/esm-node/cli/configPlugin.js

@@ -6,17 +6,6 @@ function setEnv(enableSSR) {
     process.env["MF_SSR_PRJ"] = "true";
   }
 }
-function modifyBundlerConfig(options) {
-  const { mfConfig, config, isServer, modernjsConfig, remoteIpStrategy = "ipv4", bundlerType } = options;
-  patchMFConfig(mfConfig, isServer, remoteIpStrategy);
-  patchBundlerConfig({
-    bundlerType,
-    bundlerConfig: config,
-    isServer,
-    modernjsConfig,
-    mfConfig
-  });
-}
 const moduleFederationConfigPlugin = (userConfig) => ({
   name: "@modern-js/plugin-module-federation-config",
   pre: [
@@ -26,17 +15,33 @@ const moduleFederationConfigPlugin = (userConfig) => ({
     "@modern-js/plugin-module-federation"
   ],
   setup: async (api) => {
+    var _userConfig_userConfig, _modernjsConfig_server;
     const modernjsConfig = api.getConfig();
     const mfConfig = await getMFConfig(userConfig.originPluginOptions);
     const csrConfig = userConfig.csrConfig || JSON.parse(JSON.stringify(mfConfig));
     const ssrConfig = userConfig.ssrConfig || JSON.parse(JSON.stringify(mfConfig));
     userConfig.ssrConfig = ssrConfig;
     userConfig.csrConfig = csrConfig;
+    var _userConfig_userConfig_ssr;
+    const enableSSR = (_userConfig_userConfig_ssr = (_userConfig_userConfig = userConfig.userConfig) === null || _userConfig_userConfig === void 0 ? void 0 : _userConfig_userConfig.ssr) !== null && _userConfig_userConfig_ssr !== void 0 ? _userConfig_userConfig_ssr : Boolean(modernjsConfig === null || modernjsConfig === void 0 ? void 0 : (_modernjsConfig_server = modernjsConfig.server) === null || _modernjsConfig_server === void 0 ? void 0 : _modernjsConfig_server.ssr);
+    api.modifyBundlerChain((chain, { isProd, isServer }) => {
+      addMyTypes2Ignored(chain, isServer ? ssrConfig : csrConfig);
+      const targetMFConfig = isServer ? ssrConfig : csrConfig;
+      patchMFConfig(targetMFConfig, isServer, userConfig.remoteIpStrategy || "ipv4");
+      patchBundlerConfig({
+        // @ts-expect-error chain type is not correct
+        chain,
+        isServer,
+        modernjsConfig,
+        mfConfig,
+        enableSSR
+      });
+      userConfig.distOutputDir = chain.output.get("path") || path.resolve(process.cwd(), "dist");
+    });
     api.config(() => {
-      var _userConfig_userConfig, _modernjsConfig_server, _modernjsConfig_source, _modernjsConfig_source1, _modernjsConfig_dev;
+      var _modernjsConfig_source, _modernjsConfig_source1, _modernjsConfig_dev;
       const bundlerType = api.getAppContext().bundlerType === "rspack" ? "rspack" : "webpack";
       const ipv4 = getIPV4();
-      const enableSSR = ((_userConfig_userConfig = userConfig.userConfig) === null || _userConfig_userConfig === void 0 ? void 0 : _userConfig_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);
       if (userConfig.remoteIpStrategy === void 0) {
         if (!enableSSR) {
           userConfig.remoteIpStrategy = "inherit";
@@ -47,33 +52,6 @@ const moduleFederationConfigPlugin = (userConfig) => ({
       var _modernjsConfig_source_enableAsyncEntry;
       return {
         tools: {
-          bundlerChain(chain, { isServer }) {
-            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) || path.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) || path.resolve(process.cwd(), "dist");
-          },
           devServer: {
             headers: {
               "Access-Control-Allow-Origin": "*",
@@ -102,7 +80,6 @@ const moduleFederationConfigPlugin = (userConfig) => ({
 var configPlugin_default = moduleFederationConfigPlugin;
 export {
   configPlugin_default as default,
-  modifyBundlerConfig,
   moduleFederationConfigPlugin,
   setEnv
 };

package/dist/esm-node/cli/index.js

@@ -17,37 +17,31 @@ const moduleFederationPlugin = (userConfig = {}) => {
     name: "@modern-js/plugin-module-federation",
     setup: async (api) => {
       const modernjsConfig = api.getConfig();
-      api.config(() => {
-        return {
-          tools: {
-            rspack(config, { isServer }) {
-              const 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);
-              }
-            },
-            webpack(config, { isServer }) {
-              var _modernjsConfig_source;
-              const 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);
-              }
-              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: (module) => module && /\.federation/.test((module === null || module === void 0 ? void 0 : module.request) || ""),
-                  excludeChunk: (chunk) => chunk.name === browserPluginOptions.name
-                };
-                (_config_plugins1 = config.plugins) === null || _config_plugins1 === void 0 ? void 0 : _config_plugins1.push(new AsyncBoundaryPlugin(asyncBoundaryPluginOptions));
-              }
-            }
+      api.modifyBundlerChain((chain, { isServer }) => {
+        const bundlerType = api.getAppContext().bundlerType === "rspack" ? "rspack" : "webpack";
+        const browserPluginOptions = internalModernPluginOptions.csrConfig;
+        const MFPlugin = bundlerType === "webpack" ? WebpackModuleFederationPlugin : RspackModuleFederationPlugin;
+        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: (module) => module && /\.federation/.test((module === null || module === void 0 ? void 0 : module.request) || ""),
+              excludeChunk: (chunk) => chunk.name === browserPluginOptions.name
+            };
+            chain.plugin("async-boundary-plugin").use(AsyncBoundaryPlugin, [
+              asyncBoundaryPluginOptions
+            ]);
           }
-        };
+        }
       });
     },
     usePlugins: [