@module-federation/modern-js 0.9.1 → 0.11.0

package/dist/cjs/cli/configPlugin.js

@@ -29,9 +29,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var configPlugin_exports = {};
 __export(configPlugin_exports, {
   default: () => configPlugin_default,
-  modifyBundlerConfig: () => modifyBundlerConfig,
+  isWebTarget: () => import_utils.isWebTarget,
   moduleFederationConfigPlugin: () => moduleFederationConfigPlugin,
-  setEnv: () => setEnv
+  setEnv: () => setEnv,
+  skipByTarget: () => import_utils.skipByTarget
 });
 module.exports = __toCommonJS(configPlugin_exports);
 var import_path = __toESM(require("path"));
@@ -42,17 +43,6 @@ 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: [
@@ -62,17 +52,38 @@ const moduleFederationConfigPlugin = (userConfig) => ({
     "@modern-js/plugin-module-federation"
   ],
   setup: async (api) => {
+    var _userConfig_userConfig, _modernjsConfig_server;
     const modernjsConfig = api.getConfig();
     const mfConfig = await (0, import_utils.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) => {
+      const target = chain.get("target");
+      if ((0, import_utils.skipByTarget)(target)) {
+        return;
+      }
+      const isWeb = (0, import_utils.isWebTarget)(target);
+      (0, import_utils.addMyTypes2Ignored)(chain, !isWeb ? ssrConfig : csrConfig);
+      const targetMFConfig = !isWeb ? ssrConfig : csrConfig;
+      (0, import_utils.patchMFConfig)(targetMFConfig, !isWeb, userConfig.remoteIpStrategy || "ipv4");
+      (0, import_utils.patchBundlerConfig)({
+        // @ts-expect-error chain type is not correct
+        chain,
+        isServer: !isWeb,
+        modernjsConfig,
+        mfConfig,
+        enableSSR
+      });
+      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;
+      var _modernjsConfig_source, _modernjsConfig_source1, _modernjsConfig_dev;
       const bundlerType = api.getAppContext().bundlerType === "rspack" ? "rspack" : "webpack";
       const ipv4 = (0, import_utils.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";
@@ -83,33 +94,6 @@ 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": "*",
@@ -138,7 +122,8 @@ const moduleFederationConfigPlugin = (userConfig) => ({
 var configPlugin_default = moduleFederationConfigPlugin;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  modifyBundlerConfig,
+  isWebTarget,
   moduleFederationConfigPlugin,
-  setEnv
+  setEnv,
+  skipByTarget
 });

package/dist/cjs/cli/index.js

@@ -27,6 +27,7 @@ var import_enhanced = require("@module-federation/enhanced");
 var import_rspack = require("@module-federation/enhanced/rspack");
 var import_configPlugin = require("./configPlugin");
 var import_ssrPlugin = require("./ssrPlugin");
+var import_utils = require("./utils");
 var import_enhanced2 = require("@module-federation/enhanced");
 const moduleFederationPlugin = (userConfig = {}) => {
   const internalModernPluginOptions = {
@@ -43,37 +44,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 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));
-              }
-            }
+      api.modifyBundlerChain((chain) => {
+        const bundlerType = api.getAppContext().bundlerType === "rspack" ? "rspack" : "webpack";
+        const browserPluginOptions = internalModernPluginOptions.csrConfig;
+        const MFPlugin = bundlerType === "webpack" ? import_enhanced.ModuleFederationPlugin : import_rspack.ModuleFederationPlugin;
+        if ((0, import_utils.isWebTarget)(chain.get("target"))) {
+          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
+            ]);
           }
-        };
+        }
       });
     },
     usePlugins: [

package/dist/cjs/cli/manifest.js

@@ -33,27 +33,26 @@ __export(manifest_exports, {
 module.exports = __toCommonJS(manifest_exports);
 var import_path = __toESM(require("path"));
 var import_utils = require("@modern-js/utils");
-var import_constant = require("../constant");
-function mergeStats(browserStats, nodeStats) {
+function mergeStats(browserStats, nodeStats, ssrDir) {
   const ssrRemoteEntry = nodeStats.metaData.remoteEntry;
-  ssrRemoteEntry.path = import_constant.MODERN_JS_SERVER_DIR;
+  ssrRemoteEntry.path = ssrDir;
   browserStats.metaData.ssrRemoteEntry = ssrRemoteEntry;
   return browserStats;
 }
-function mergeManifest(browserManifest, nodeManifest) {
+function mergeManifest(browserManifest, nodeManifest, ssrDir) {
   const ssrRemoteEntry = nodeManifest.metaData.remoteEntry;
-  ssrRemoteEntry.path = import_constant.MODERN_JS_SERVER_DIR;
+  ssrRemoteEntry.path = ssrDir;
   browserManifest.metaData.ssrRemoteEntry = ssrRemoteEntry;
   return browserManifest;
 }
-function mergeStatsAndManifest(nodePlugin, browserPlugin) {
+function mergeStatsAndManifest(nodePlugin, browserPlugin, ssrDir) {
   const nodeResourceInfo = nodePlugin.statsResourceInfo;
   const browserResourceInfo = browserPlugin.statsResourceInfo;
   if (!browserResourceInfo || !nodeResourceInfo || !browserResourceInfo.stats || !nodeResourceInfo.stats || !browserResourceInfo.manifest || !nodeResourceInfo.manifest) {
     throw new Error("can not get browserResourceInfo or nodeResourceInfo");
   }
-  const mergedStats = mergeStats(browserResourceInfo.stats.stats, nodeResourceInfo.stats.stats);
-  const mergedManifest = mergeManifest(browserResourceInfo.manifest.manifest, nodeResourceInfo.manifest.manifest);
+  const mergedStats = mergeStats(browserResourceInfo.stats.stats, nodeResourceInfo.stats.stats, ssrDir);
+  const mergedManifest = mergeManifest(browserResourceInfo.manifest.manifest, nodeResourceInfo.manifest.manifest, ssrDir);
   return {
     mergedStats,
     mergedStatsFilePath: browserResourceInfo.stats.filename,
@@ -61,8 +60,8 @@ function mergeStatsAndManifest(nodePlugin, browserPlugin) {
     mergedManifestFilePath: browserResourceInfo.manifest.filename
   };
 }
-function updateStatsAndManifest(nodePlugin, browserPlugin, outputDir) {
-  const { mergedStats, mergedStatsFilePath, mergedManifest, mergedManifestFilePath } = mergeStatsAndManifest(nodePlugin, browserPlugin);
+function updateStatsAndManifest(nodePlugin, browserPlugin, outputDir, ssrDir) {
+  const { mergedStats, mergedStatsFilePath, mergedManifest, mergedManifestFilePath } = mergeStatsAndManifest(nodePlugin, browserPlugin, ssrDir);
   import_utils.fs.writeFileSync(import_path.default.resolve(outputDir, mergedStatsFilePath), JSON.stringify(mergedStats, null, 2));
   import_utils.fs.writeFileSync(import_path.default.resolve(outputDir, mergedManifestFilePath), JSON.stringify(mergedManifest, null, 2));
 }

package/dist/cjs/cli/ssrPlugin.js

@@ -28,6 +28,7 @@ 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
@@ -40,11 +41,14 @@ var import_rspack = require("@module-federation/enhanced/rspack");
 var import_universe_entry_chunk_tracker_plugin = __toESM(require("@module-federation/node/universe-entry-chunk-tracker-plugin"));
 var import_manifest = require("./manifest");
 var import_constant = require("./constant");
+var import_constant2 = require("../constant");
 var import_logger = __toESM(require("./logger"));
+var import_utils2 = require("./utils");
 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: [
@@ -54,7 +58,10 @@ const moduleFederationSSRPlugin = (pluginOptions) => ({
   setup: async (api) => {
     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);
+    var _pluginOptions_userConfig_ssr;
+    const 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);
+    let csrOutputPath = "";
+    let ssrOutputPath = "";
     if (!enableSSR) {
       return;
     }
@@ -76,33 +83,44 @@ const moduleFederationSSRPlugin = (pluginOptions) => ({
         plugins
       };
     });
+    api.modifyBundlerChain((chain) => {
+      const target = chain.get("target");
+      if ((0, import_utils2.skipByTarget)(target)) {
+        return;
+      }
+      const bundlerType = api.getAppContext().bundlerType === "rspack" ? "rspack" : "webpack";
+      const MFPlugin = bundlerType === "webpack" ? import_webpack.ModuleFederationPlugin : import_rspack.ModuleFederationPlugin;
+      const isWeb = (0, import_utils2.isWebTarget)(target);
+      if (!isWeb) {
+        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 (!isWeb) {
+        chain.target("async-node");
+        if (import_constant.isDev) {
+          chain.plugin("UniverseEntryChunkTrackerPlugin").use(import_universe_entry_chunk_tracker_plugin.default);
+        }
+      }
+      if (import_constant.isDev && isWeb) {
+        chain.externals({
+          "@module-federation/node/utils": "NOT_USED_IN_BROWSER"
+        });
+      }
+      if (!isWeb) {
+        ssrOutputPath = chain.output.get("path") || import_path.default.resolve(process.cwd(), `dist/${import_constant2.MODERN_JS_SERVER_DIR}`);
+      } else {
+        csrOutputPath = chain.output.get("path") || import_path.default.resolve(process.cwd(), "dist");
+      }
+    });
     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) => {
@@ -128,36 +146,24 @@ 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"
-              });
-            }
           }
         }
       };
     });
     api.onAfterBuild(() => {
       const { nodePlugin, browserPlugin, distOutputDir } = pluginOptions;
-      (0, import_manifest.updateStatsAndManifest)(nodePlugin, browserPlugin, distOutputDir);
+      (0, import_manifest.updateStatsAndManifest)(nodePlugin, browserPlugin, distOutputDir, import_path.default.relative(csrOutputPath, ssrOutputPath));
     });
     api.onDevCompileDone(() => {
       const { nodePlugin, browserPlugin, distOutputDir } = pluginOptions;
-      (0, import_manifest.updateStatsAndManifest)(nodePlugin, browserPlugin, distOutputDir);
+      (0, import_manifest.updateStatsAndManifest)(nodePlugin, browserPlugin, distOutputDir, import_path.default.relative(csrOutputPath, ssrOutputPath));
     });
   }
 });
 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

@@ -31,9 +31,10 @@ __export(utils_exports, {
   addMyTypes2Ignored: () => addMyTypes2Ignored,
   getIPV4: () => getIPV4,
   getMFConfig: () => getMFConfig,
+  isWebTarget: () => isWebTarget,
   patchBundlerConfig: () => patchBundlerConfig,
-  patchIgnoreWarning: () => patchIgnoreWarning,
-  patchMFConfig: () => patchMFConfig
+  patchMFConfig: () => patchMFConfig,
+  skipByTarget: () => skipByTarget
 });
 module.exports = __toCommonJS(utils_exports);
 var import_os = __toESM(require("os"));
@@ -173,19 +174,20 @@ const patchMFConfig = (mfConfig, isServer, remoteIpStrategy) => {
   mfConfig.dev = false;
   return mfConfig;
 };
-function patchIgnoreWarning(bundlerConfig) {
-  bundlerConfig.ignoreWarnings = bundlerConfig.ignoreWarnings || [];
+function patchIgnoreWarning(chain) {
+  const ignoreWarnings = chain.get("ignoreWarnings") || [];
   const ignoredMsgs = [
     "external script",
     "process.env.WS_NO_BUFFER_UTIL",
     `Can't resolve 'utf-8-validate`
   ];
-  bundlerConfig.ignoreWarnings.push((warning) => {
+  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,55 +226,43 @@ function addMyTypes2Ignored(chain, mfConfig) {
   });
 }
 function patchBundlerConfig(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);
-  (_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;
-    }
+  var _modernjsConfig_deploy;
+  const { chain, modernjsConfig, isServer, mfConfig, enableSSR } = options;
+  chain.optimization.delete("runtimeChunk");
+  patchIgnoreWarning(chain);
+  if (!chain.output.get("chunkLoadingGlobal")) {
+    chain.output.chunkLoadingGlobal(`chunk_${mfConfig.name}`);
+  }
+  if (!chain.output.get("uniqueName")) {
+    chain.output.uniqueName(mfConfig.name);
   }
+  const splitChunkConfig = chain.optimization.splitChunks.entries();
   if (!isServer) {
-    (0, import_utils.autoDeleteSplitChunkCacheGroups)(mfConfig, bundlerConfig);
+    (0, import_utils.autoDeleteSplitChunkCacheGroups)(mfConfig, splitChunkConfig);
   }
-  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";
+  if (!isServer && enableSSR && splitChunkConfig && typeof splitChunkConfig === "object" && splitChunkConfig.cacheGroups) {
+    splitChunkConfig.chunks = "async";
     import_logger.default.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;
-    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;
+  if (isDev && chain.output.get("publicPath") === "auto") {
+    var _modernjsConfig_dev, _modernjsConfig_server;
+    const 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;
     const publicPath = `http://localhost:${port}/`;
-    bundlerConfig.output.publicPath = publicPath;
+    chain.output.publicPath(publicPath);
   }
   if (isServer && enableSSR) {
-    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 uniqueName = mfConfig.name || chain.output.get("uniqueName");
+    const chunkFileName = chain.output.get("chunkFilename");
+    if (typeof chunkFileName === "string" && uniqueName && !chunkFileName.includes(uniqueName)) {
       const suffix = `${(0, import_sdk.encodeName)(uniqueName)}-[chunkhash].js`;
-      output.chunkFilename = chunkFileName.replace(".js", suffix);
+      chain.output.chunkFilename(chunkFileName.replace(".js", suffix));
     }
   }
   if (isDev && enableSSR && !isServer) {
-    bundlerConfig.resolve.fallback = {
-      ...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);
   }
 }
 const localIpv4 = "127.0.0.1";
@@ -300,34 +290,31 @@ 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 isWebTarget = (target) => {
+  const WEB_TARGET = "web";
+  if (Array.isArray(target)) {
+    return target.includes(WEB_TARGET);
+  } else if (typeof target === "string") {
+    return target === WEB_TARGET;
+  }
+  return false;
 };
-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
+const skipByTarget = (target) => {
+  const IGNORE_TARGET = "webworker";
+  if (Array.isArray(target)) {
+    return target.includes(IGNORE_TARGET);
+  } else if (typeof target === "string") {
+    return target === IGNORE_TARGET;
+  }
+  return false;
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   addMyTypes2Ignored,
   getIPV4,
   getMFConfig,
+  isWebTarget,
   patchBundlerConfig,
-  patchIgnoreWarning,
-  patchMFConfig
+  patchMFConfig,
+  skipByTarget
 });

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

@@ -109,63 +109,3 @@ 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/cjs/runtime/index.js

@@ -19,6 +19,7 @@ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "defau
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var runtime_exports = {};
 __export(runtime_exports, {
+  collectSSRAssets: () => import_createRemoteSSRComponent.collectSSRAssets,
   createRemoteSSRComponent: () => import_createRemoteSSRComponent.createRemoteSSRComponent
 });
 module.exports = __toCommonJS(runtime_exports);
@@ -26,6 +27,7 @@ __reExport(runtime_exports, require("@module-federation/enhanced/runtime"), modu
 var import_createRemoteSSRComponent = require("./createRemoteSSRComponent");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  collectSSRAssets,
   createRemoteSSRComponent,
   ...require("@module-federation/enhanced/runtime")
 });