@module-federation/modern-js 0.23.0 → 0.24.0

package/dist/cjs/cli/configPlugin.js

@@ -247,6 +247,7 @@ var __webpack_exports__ = {};
                 '@modern-js/plugin-module-federation'
             ],
             setup: async (api)=>{
+                var _ref;
                 var _userConfig_userConfig, _modernjsConfig_server;
                 const modernjsConfig = api.getConfig();
                 const mfConfig = await getMFConfig(userConfig.originPluginOptions);
@@ -254,7 +255,6 @@ var __webpack_exports__ = {};
                 const ssrConfig = userConfig.ssrConfig || JSON.parse(JSON.stringify(mfConfig));
                 userConfig.ssrConfig = ssrConfig;
                 userConfig.csrConfig = csrConfig;
-                var _ref;
                 const enableSSR = Boolean(null != (_ref = null == (_userConfig_userConfig = userConfig.userConfig) ? void 0 : _userConfig_userConfig.ssr) ? _ref : Boolean(null == modernjsConfig ? void 0 : null == (_modernjsConfig_server = modernjsConfig.server) ? void 0 : _modernjsConfig_server.ssr));
                 api.modifyBundlerChain((chain)=>{
                     const target = chain.get('target');
@@ -280,6 +280,7 @@ var __webpack_exports__ = {};
                     }
                 });
                 api.config(()=>{
+                    var _ref;
                     var _modernjsConfig_tools, _userConfig_csrConfig, _modernjsConfig_source, _modernjsConfig_source1, _modernjsConfig_dev;
                     const bundlerType = 'rspack' === api.getAppContext().bundlerType ? 'rspack' : 'webpack';
                     const ipv4 = (0, external_utils_js_namespaceObject.getIPV4)();
@@ -302,7 +303,6 @@ var __webpack_exports__ = {};
                         REMOTE_IP_STRATEGY: JSON.stringify(userConfig.remoteIpStrategy)
                     };
                     if (enableSSR && (0, external_utils_js_namespaceObject.isDev)()) defineConfig['FEDERATION_IPV4'] = JSON.stringify(ipv4);
-                    var _ref;
                     return {
                         tools: {
                             devServer: {

package/dist/cjs/cli/index.js

@@ -34,7 +34,7 @@ const external_configPlugin_js_namespaceObject = require("./configPlugin.js");
 const external_ssrPlugin_js_namespaceObject = require("./ssrPlugin.js");
 const external_utils_js_namespaceObject = require("./utils.js");
 const moduleFederationPlugin = (userConfig = {})=>{
-    var _userConfig_fetchServerQuery;
+    var _userConfig_fetchServerQuery, _userConfig_secondarySharedTreeShaking;
     const internalModernPluginOptions = {
         csrConfig: void 0,
         ssrConfig: void 0,
@@ -48,7 +48,8 @@ const moduleFederationPlugin = (userConfig = {})=>{
         remoteIpStrategy: null == userConfig ? void 0 : userConfig.remoteIpStrategy,
         userConfig: userConfig || {},
         assetFileNames: {},
-        fetchServerQuery: null != (_userConfig_fetchServerQuery = userConfig.fetchServerQuery) ? _userConfig_fetchServerQuery : void 0
+        fetchServerQuery: null != (_userConfig_fetchServerQuery = userConfig.fetchServerQuery) ? _userConfig_fetchServerQuery : void 0,
+        secondarySharedTreeShaking: null != (_userConfig_secondarySharedTreeShaking = userConfig.secondarySharedTreeShaking) ? _userConfig_secondarySharedTreeShaking : false
     };
     return {
         name: '@modern-js/plugin-module-federation',
@@ -57,14 +58,22 @@ const moduleFederationPlugin = (userConfig = {})=>{
             api.modifyBundlerChain((chain)=>{
                 const bundlerType = 'rspack' === api.getAppContext().bundlerType ? 'rspack' : 'webpack';
                 const browserPluginOptions = internalModernPluginOptions.csrConfig;
+                const { secondarySharedTreeShaking } = internalModernPluginOptions;
                 const MFPlugin = 'webpack' === bundlerType ? enhanced_namespaceObject.ModuleFederationPlugin : rspack_namespaceObject.ModuleFederationPlugin;
-                if ((0, external_utils_js_namespaceObject.isWebTarget)(chain.get('target'))) chain.plugin('plugin-module-federation').use(MFPlugin, [
+                const TreeShakingSharedPlugin = 'webpack' === bundlerType ? enhanced_namespaceObject.TreeShakingSharedPlugin : rspack_namespaceObject.TreeShakingSharedPlugin;
+                if ((0, external_utils_js_namespaceObject.isWebTarget)(chain.get('target'))) if (secondarySharedTreeShaking) chain.plugin('plugin-module-federation').use(TreeShakingSharedPlugin, [
+                    {
+                        mfConfig: browserPluginOptions,
+                        secondary: true
+                    }
+                ]);
+                else chain.plugin('plugin-module-federation').use(MFPlugin, [
                     browserPluginOptions
                 ]).init((Plugin, args)=>{
                     internalModernPluginOptions.browserPlugin = new Plugin(args[0]);
                     return internalModernPluginOptions.browserPlugin;
                 });
-                if ('webpack' === bundlerType) {
+                if ('webpack' === bundlerType && !secondarySharedTreeShaking) {
                     var _modernjsConfig_source;
                     const enableAsyncEntry = null == (_modernjsConfig_source = modernjsConfig.source) ? void 0 : _modernjsConfig_source.enableAsyncEntry;
                     if (!enableAsyncEntry && false !== browserPluginOptions.async) {

package/dist/cjs/cli/ssrPlugin.js

@@ -42,7 +42,7 @@ const external_path_namespaceObject = require("path");
 var external_path_default = /*#__PURE__*/ __webpack_require__.n(external_path_namespaceObject);
 const external_fs_extra_namespaceObject = require("fs-extra");
 var external_fs_extra_default = /*#__PURE__*/ __webpack_require__.n(external_fs_extra_namespaceObject);
-const webpack_namespaceObject = require("@module-federation/enhanced/webpack");
+const enhanced_namespaceObject = require("@module-federation/enhanced");
 const rspack_namespaceObject = require("@module-federation/enhanced/rspack");
 const universe_entry_chunk_tracker_plugin_namespaceObject = require("@module-federation/node/universe-entry-chunk-tracker-plugin");
 var universe_entry_chunk_tracker_plugin_default = /*#__PURE__*/ __webpack_require__.n(universe_entry_chunk_tracker_plugin_namespaceObject);
@@ -161,13 +161,18 @@ const moduleFederationSSRPlugin = (pluginOptions)=>({
             '@modern-js/plugin-module-federation'
         ],
         setup: async (api)=>{
+            var _ref;
             var _pluginOptions_userConfig, _modernjsConfig_server;
             const modernjsConfig = api.getConfig();
-            var _ref;
             const enableSSR = null != (_ref = null == (_pluginOptions_userConfig = pluginOptions.userConfig) ? void 0 : _pluginOptions_userConfig.ssr) ? _ref : Boolean(null == modernjsConfig ? void 0 : null == (_modernjsConfig_server = modernjsConfig.server) ? void 0 : _modernjsConfig_server.ssr);
+            const { secondarySharedTreeShaking } = pluginOptions;
             if (!enableSSR) return;
             setEnv();
             api._internalRuntimePlugins(({ entrypoint, plugins })=>{
+                if (secondarySharedTreeShaking) return {
+                    entrypoint,
+                    plugins
+                };
                 const { fetchServerQuery } = pluginOptions;
                 plugins.push({
                     name: 'injectDataFetchFunction',
@@ -203,17 +208,24 @@ const moduleFederationSSRPlugin = (pluginOptions)=>({
                 const target = chain.get('target');
                 if ((0, external_utils_js_namespaceObject.skipByTarget)(target)) return;
                 const bundlerType = 'rspack' === api.getAppContext().bundlerType ? 'rspack' : 'webpack';
-                const MFPlugin = 'webpack' === bundlerType ? webpack_namespaceObject.ModuleFederationPlugin : rspack_namespaceObject.ModuleFederationPlugin;
+                const MFPlugin = 'webpack' === bundlerType ? enhanced_namespaceObject.ModuleFederationPlugin : rspack_namespaceObject.ModuleFederationPlugin;
+                const TreeShakingSharedPlugin = 'webpack' === bundlerType ? enhanced_namespaceObject.TreeShakingSharedPlugin : rspack_namespaceObject.TreeShakingSharedPlugin;
                 const isWeb = (0, external_utils_js_namespaceObject.isWebTarget)(target);
                 if (!isWeb) {
-                    if (!chain.plugins.has(CHAIN_MF_PLUGIN_ID)) chain.plugin(CHAIN_MF_PLUGIN_ID).use(MFPlugin, [
+                    if (!chain.plugins.has(CHAIN_MF_PLUGIN_ID)) if (secondarySharedTreeShaking) chain.plugin(CHAIN_MF_PLUGIN_ID).use(TreeShakingSharedPlugin, [
+                        {
+                            mfConfig: pluginOptions.ssrConfig,
+                            secondary: true
+                        }
+                    ]);
+                    else chain.plugin(CHAIN_MF_PLUGIN_ID).use(MFPlugin, [
                         pluginOptions.ssrConfig
                     ]).init((Plugin, args)=>{
                         pluginOptions.nodePlugin = new Plugin(args[0]);
                         return pluginOptions.nodePlugin;
                     });
                 }
-                if (!isWeb) {
+                if (!isWeb && !secondarySharedTreeShaking) {
                     chain.target('async-node');
                     if ((0, external_utils_js_namespaceObject.isDev)()) chain.plugin('UniverseEntryChunkTrackerPlugin').use(universe_entry_chunk_tracker_plugin_default());
                 }

package/dist/cjs/ssr-runtime/SSRLiveReload.js

@@ -27,6 +27,7 @@ __webpack_require__.d(__webpack_exports__, {
     SSRLiveReload: ()=>SSRLiveReload
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+require("react");
 function SSRLiveReload() {
     if ('development' !== process.env.NODE_ENV) return null;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("script", {

package/dist/esm/cli/configPlugin.mjs

@@ -224,7 +224,7 @@ var moduleFederationConfigPlugin = function(userConfig) {
         ],
         setup: function(api) {
             return _(function() {
-                var _userConfig_userConfig, _modernjsConfig_server, modernjsConfig, mfConfig, csrConfig, ssrConfig, _ref, enableSSR;
+                var _ref, _userConfig_userConfig, _modernjsConfig_server, modernjsConfig, mfConfig, csrConfig, ssrConfig, enableSSR;
                 return _ts_generator__(this, function(_state) {
                     switch(_state.label){
                         case 0:
@@ -264,6 +264,7 @@ var moduleFederationConfigPlugin = function(userConfig) {
                                 }
                             });
                             api.config(function() {
+                                var _ref;
                                 var _modernjsConfig_tools, _userConfig_csrConfig, _modernjsConfig_source, _modernjsConfig_source1, _modernjsConfig_dev;
                                 var bundlerType = 'rspack' === api.getAppContext().bundlerType ? 'rspack' : 'webpack';
                                 var ipv4 = getIPV4();
@@ -286,7 +287,6 @@ var moduleFederationConfigPlugin = function(userConfig) {
                                     REMOTE_IP_STRATEGY: JSON.stringify(userConfig.remoteIpStrategy)
                                 };
                                 if (enableSSR && isDev()) defineConfig['FEDERATION_IPV4'] = JSON.stringify(ipv4);
-                                var _ref;
                                 return {
                                     tools: {
                                         devServer: {

package/dist/esm/cli/index.mjs

@@ -2,14 +2,14 @@ import { _ } from "@swc/helpers/_/_async_to_generator";
 import { _ as _object_spread__ } from "@swc/helpers/_/_object_spread";
 import { _ as _type_of__ } from "@swc/helpers/_/_type_of";
 import { _ as _ts_generator__ } from "@swc/helpers/_/_ts_generator";
-import { AsyncBoundaryPlugin, ModuleFederationPlugin, createModuleFederationConfig } from "@module-federation/enhanced";
-import { ModuleFederationPlugin as rspack_ModuleFederationPlugin } from "@module-federation/enhanced/rspack";
+import { AsyncBoundaryPlugin, ModuleFederationPlugin, TreeShakingSharedPlugin as enhanced_TreeShakingSharedPlugin, createModuleFederationConfig } from "@module-federation/enhanced";
+import { ModuleFederationPlugin as rspack_ModuleFederationPlugin, TreeShakingSharedPlugin as rspack_TreeShakingSharedPlugin } from "@module-federation/enhanced/rspack";
 import { moduleFederationConfigPlugin } from "./configPlugin.mjs";
 import { moduleFederationSSRPlugin } from "./ssrPlugin.mjs";
 import { isWebTarget } from "./utils.mjs";
 var moduleFederationPlugin = function() {
     var userConfig = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
-    var _userConfig_fetchServerQuery;
+    var _userConfig_fetchServerQuery, _userConfig_secondarySharedTreeShaking;
     var internalModernPluginOptions = {
         csrConfig: void 0,
         ssrConfig: void 0,
@@ -21,7 +21,8 @@ var moduleFederationPlugin = function() {
         remoteIpStrategy: null == userConfig ? void 0 : userConfig.remoteIpStrategy,
         userConfig: userConfig || {},
         assetFileNames: {},
-        fetchServerQuery: null != (_userConfig_fetchServerQuery = userConfig.fetchServerQuery) ? _userConfig_fetchServerQuery : void 0
+        fetchServerQuery: null != (_userConfig_fetchServerQuery = userConfig.fetchServerQuery) ? _userConfig_fetchServerQuery : void 0,
+        secondarySharedTreeShaking: null != (_userConfig_secondarySharedTreeShaking = userConfig.secondarySharedTreeShaking) ? _userConfig_secondarySharedTreeShaking : false
     };
     return {
         name: '@modern-js/plugin-module-federation',
@@ -33,14 +34,22 @@ var moduleFederationPlugin = function() {
                     api.modifyBundlerChain(function(chain) {
                         var bundlerType = 'rspack' === api.getAppContext().bundlerType ? 'rspack' : 'webpack';
                         var browserPluginOptions = internalModernPluginOptions.csrConfig;
+                        var secondarySharedTreeShaking = internalModernPluginOptions.secondarySharedTreeShaking;
                         var MFPlugin = 'webpack' === bundlerType ? ModuleFederationPlugin : rspack_ModuleFederationPlugin;
-                        if (isWebTarget(chain.get('target'))) chain.plugin('plugin-module-federation').use(MFPlugin, [
+                        var TreeShakingSharedPlugin = 'webpack' === bundlerType ? enhanced_TreeShakingSharedPlugin : rspack_TreeShakingSharedPlugin;
+                        if (isWebTarget(chain.get('target'))) if (secondarySharedTreeShaking) chain.plugin('plugin-module-federation').use(TreeShakingSharedPlugin, [
+                            {
+                                mfConfig: browserPluginOptions,
+                                secondary: true
+                            }
+                        ]);
+                        else chain.plugin('plugin-module-federation').use(MFPlugin, [
                             browserPluginOptions
                         ]).init(function(Plugin, args) {
                             internalModernPluginOptions.browserPlugin = new Plugin(args[0]);
                             return internalModernPluginOptions.browserPlugin;
                         });
-                        if ('webpack' === bundlerType) {
+                        if ('webpack' === bundlerType && !secondarySharedTreeShaking) {
                             var _modernjsConfig_source;
                             var enableAsyncEntry = null == (_modernjsConfig_source = modernjsConfig.source) ? void 0 : _modernjsConfig_source.enableAsyncEntry;
                             if (!enableAsyncEntry && false !== browserPluginOptions.async) {

package/dist/esm/cli/ssrPlugin.mjs

@@ -4,8 +4,8 @@ import { _ as _type_of__ } from "@swc/helpers/_/_type_of";
 import { _ as _ts_generator__ } from "@swc/helpers/_/_ts_generator";
 import path from "path";
 import fs_extra from "fs-extra";
-import { ModuleFederationPlugin } from "@module-federation/enhanced/webpack";
-import { ModuleFederationPlugin as rspack_ModuleFederationPlugin } from "@module-federation/enhanced/rspack";
+import { ModuleFederationPlugin, TreeShakingSharedPlugin as enhanced_TreeShakingSharedPlugin } from "@module-federation/enhanced";
+import { ModuleFederationPlugin as rspack_ModuleFederationPlugin, TreeShakingSharedPlugin as rspack_TreeShakingSharedPlugin } from "@module-federation/enhanced/rspack";
 import universe_entry_chunk_tracker_plugin from "@module-federation/node/universe-entry-chunk-tracker-plugin";
 import logger from "../logger.mjs";
 import { isDev, isWebTarget, skipByTarget } from "./utils.mjs";
@@ -131,16 +131,21 @@ var moduleFederationSSRPlugin = function(pluginOptions) {
         ],
         setup: function(api) {
             return _(function() {
-                var _pluginOptions_userConfig, _modernjsConfig_server, modernjsConfig, _ref, enableSSR, writeMergedManifest;
+                var _ref, _pluginOptions_userConfig, _modernjsConfig_server, modernjsConfig, enableSSR, secondarySharedTreeShaking, writeMergedManifest;
                 return _ts_generator__(this, function(_state) {
                     modernjsConfig = api.getConfig();
                     enableSSR = null != (_ref = null == (_pluginOptions_userConfig = pluginOptions.userConfig) ? void 0 : _pluginOptions_userConfig.ssr) ? _ref : Boolean(null == modernjsConfig ? void 0 : null == (_modernjsConfig_server = modernjsConfig.server) ? void 0 : _modernjsConfig_server.ssr);
+                    secondarySharedTreeShaking = pluginOptions.secondarySharedTreeShaking;
                     if (!enableSSR) return [
                         2
                     ];
                     setEnv();
                     api._internalRuntimePlugins(function(param) {
                         var entrypoint = param.entrypoint, plugins = param.plugins;
+                        if (secondarySharedTreeShaking) return {
+                            entrypoint: entrypoint,
+                            plugins: plugins
+                        };
                         var fetchServerQuery = pluginOptions.fetchServerQuery;
                         plugins.push({
                             name: 'injectDataFetchFunction',
@@ -178,16 +183,23 @@ var moduleFederationSSRPlugin = function(pluginOptions) {
                         if (skipByTarget(target)) return;
                         var bundlerType = 'rspack' === api.getAppContext().bundlerType ? 'rspack' : 'webpack';
                         var MFPlugin = 'webpack' === bundlerType ? ModuleFederationPlugin : rspack_ModuleFederationPlugin;
+                        var TreeShakingSharedPlugin = 'webpack' === bundlerType ? enhanced_TreeShakingSharedPlugin : rspack_TreeShakingSharedPlugin;
                         var isWeb = isWebTarget(target);
                         if (!isWeb) {
-                            if (!chain.plugins.has(CHAIN_MF_PLUGIN_ID)) chain.plugin(CHAIN_MF_PLUGIN_ID).use(MFPlugin, [
+                            if (!chain.plugins.has(CHAIN_MF_PLUGIN_ID)) if (secondarySharedTreeShaking) chain.plugin(CHAIN_MF_PLUGIN_ID).use(TreeShakingSharedPlugin, [
+                                {
+                                    mfConfig: pluginOptions.ssrConfig,
+                                    secondary: true
+                                }
+                            ]);
+                            else chain.plugin(CHAIN_MF_PLUGIN_ID).use(MFPlugin, [
                                 pluginOptions.ssrConfig
                             ]).init(function(Plugin, args) {
                                 pluginOptions.nodePlugin = new Plugin(args[0]);
                                 return pluginOptions.nodePlugin;
                             });
                         }
-                        if (!isWeb) {
+                        if (!isWeb && !secondarySharedTreeShaking) {
                             chain.target('async-node');
                             if (isDev()) chain.plugin('UniverseEntryChunkTrackerPlugin').use(universe_entry_chunk_tracker_plugin);
                         }

package/dist/esm/ssr-runtime/SSRLiveReload.mjs

@@ -1,5 +1,6 @@
 import { _ } from "@swc/helpers/_/_tagged_template_literal";
 import { jsx } from "react/jsx-runtime";
+import "react";
 function SSRLiveReload_templateObject() {
     var data = _([
         "\n      if(",

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

@@ -201,6 +201,7 @@ const moduleFederationConfigPlugin = (userConfig)=>({
             '@modern-js/plugin-module-federation'
         ],
         setup: async (api)=>{
+            var _ref;
             var _userConfig_userConfig, _modernjsConfig_server;
             const modernjsConfig = api.getConfig();
             const mfConfig = await getMFConfig(userConfig.originPluginOptions);
@@ -208,7 +209,6 @@ const moduleFederationConfigPlugin = (userConfig)=>({
             const ssrConfig = userConfig.ssrConfig || JSON.parse(JSON.stringify(mfConfig));
             userConfig.ssrConfig = ssrConfig;
             userConfig.csrConfig = csrConfig;
-            var _ref;
             const enableSSR = Boolean(null != (_ref = null == (_userConfig_userConfig = userConfig.userConfig) ? void 0 : _userConfig_userConfig.ssr) ? _ref : Boolean(null == modernjsConfig ? void 0 : null == (_modernjsConfig_server = modernjsConfig.server) ? void 0 : _modernjsConfig_server.ssr));
             api.modifyBundlerChain((chain)=>{
                 const target = chain.get('target');
@@ -234,6 +234,7 @@ const moduleFederationConfigPlugin = (userConfig)=>({
                 }
             });
             api.config(()=>{
+                var _ref;
                 var _modernjsConfig_tools, _userConfig_csrConfig, _modernjsConfig_source, _modernjsConfig_source1, _modernjsConfig_dev;
                 const bundlerType = 'rspack' === api.getAppContext().bundlerType ? 'rspack' : 'webpack';
                 const ipv4 = getIPV4();
@@ -256,7 +257,6 @@ const moduleFederationConfigPlugin = (userConfig)=>({
                     REMOTE_IP_STRATEGY: JSON.stringify(userConfig.remoteIpStrategy)
                 };
                 if (enableSSR && isDev()) defineConfig['FEDERATION_IPV4'] = JSON.stringify(ipv4);
-                var _ref;
                 return {
                     tools: {
                         devServer: {

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

@@ -1,10 +1,10 @@
-import { AsyncBoundaryPlugin, ModuleFederationPlugin, createModuleFederationConfig } from "@module-federation/enhanced";
-import { ModuleFederationPlugin as rspack_ModuleFederationPlugin } from "@module-federation/enhanced/rspack";
+import { AsyncBoundaryPlugin, ModuleFederationPlugin, TreeShakingSharedPlugin as enhanced_TreeShakingSharedPlugin, createModuleFederationConfig } from "@module-federation/enhanced";
+import { ModuleFederationPlugin as rspack_ModuleFederationPlugin, TreeShakingSharedPlugin as rspack_TreeShakingSharedPlugin } from "@module-federation/enhanced/rspack";
 import { moduleFederationConfigPlugin } from "./configPlugin.mjs";
 import { moduleFederationSSRPlugin } from "./ssrPlugin.mjs";
 import { isWebTarget } from "./utils.mjs";
 const moduleFederationPlugin = (userConfig = {})=>{
-    var _userConfig_fetchServerQuery;
+    var _userConfig_fetchServerQuery, _userConfig_secondarySharedTreeShaking;
     const internalModernPluginOptions = {
         csrConfig: void 0,
         ssrConfig: void 0,
@@ -18,7 +18,8 @@ const moduleFederationPlugin = (userConfig = {})=>{
         remoteIpStrategy: null == userConfig ? void 0 : userConfig.remoteIpStrategy,
         userConfig: userConfig || {},
         assetFileNames: {},
-        fetchServerQuery: null != (_userConfig_fetchServerQuery = userConfig.fetchServerQuery) ? _userConfig_fetchServerQuery : void 0
+        fetchServerQuery: null != (_userConfig_fetchServerQuery = userConfig.fetchServerQuery) ? _userConfig_fetchServerQuery : void 0,
+        secondarySharedTreeShaking: null != (_userConfig_secondarySharedTreeShaking = userConfig.secondarySharedTreeShaking) ? _userConfig_secondarySharedTreeShaking : false
     };
     return {
         name: '@modern-js/plugin-module-federation',
@@ -27,14 +28,22 @@ const moduleFederationPlugin = (userConfig = {})=>{
             api.modifyBundlerChain((chain)=>{
                 const bundlerType = 'rspack' === api.getAppContext().bundlerType ? 'rspack' : 'webpack';
                 const browserPluginOptions = internalModernPluginOptions.csrConfig;
+                const { secondarySharedTreeShaking } = internalModernPluginOptions;
                 const MFPlugin = 'webpack' === bundlerType ? ModuleFederationPlugin : rspack_ModuleFederationPlugin;
-                if (isWebTarget(chain.get('target'))) chain.plugin('plugin-module-federation').use(MFPlugin, [
+                const TreeShakingSharedPlugin = 'webpack' === bundlerType ? enhanced_TreeShakingSharedPlugin : rspack_TreeShakingSharedPlugin;
+                if (isWebTarget(chain.get('target'))) if (secondarySharedTreeShaking) chain.plugin('plugin-module-federation').use(TreeShakingSharedPlugin, [
+                    {
+                        mfConfig: browserPluginOptions,
+                        secondary: true
+                    }
+                ]);
+                else chain.plugin('plugin-module-federation').use(MFPlugin, [
                     browserPluginOptions
                 ]).init((Plugin, args)=>{
                     internalModernPluginOptions.browserPlugin = new Plugin(args[0]);
                     return internalModernPluginOptions.browserPlugin;
                 });
-                if ('webpack' === bundlerType) {
+                if ('webpack' === bundlerType && !secondarySharedTreeShaking) {
                     var _modernjsConfig_source;
                     const enableAsyncEntry = null == (_modernjsConfig_source = modernjsConfig.source) ? void 0 : _modernjsConfig_source.enableAsyncEntry;
                     if (!enableAsyncEntry && false !== browserPluginOptions.async) {

package/dist/esm-node/cli/ssrPlugin.mjs

@@ -1,7 +1,7 @@
 import path from "path";
 import fs_extra from "fs-extra";
-import { ModuleFederationPlugin } from "@module-federation/enhanced/webpack";
-import { ModuleFederationPlugin as rspack_ModuleFederationPlugin } from "@module-federation/enhanced/rspack";
+import { ModuleFederationPlugin, TreeShakingSharedPlugin as enhanced_TreeShakingSharedPlugin } from "@module-federation/enhanced";
+import { ModuleFederationPlugin as rspack_ModuleFederationPlugin, TreeShakingSharedPlugin as rspack_TreeShakingSharedPlugin } from "@module-federation/enhanced/rspack";
 import universe_entry_chunk_tracker_plugin from "@module-federation/node/universe-entry-chunk-tracker-plugin";
 import logger from "../logger.mjs";
 import { isDev, isWebTarget, skipByTarget } from "./utils.mjs";
@@ -117,13 +117,18 @@ const moduleFederationSSRPlugin = (pluginOptions)=>({
             '@modern-js/plugin-module-federation'
         ],
         setup: async (api)=>{
+            var _ref;
             var _pluginOptions_userConfig, _modernjsConfig_server;
             const modernjsConfig = api.getConfig();
-            var _ref;
             const enableSSR = null != (_ref = null == (_pluginOptions_userConfig = pluginOptions.userConfig) ? void 0 : _pluginOptions_userConfig.ssr) ? _ref : Boolean(null == modernjsConfig ? void 0 : null == (_modernjsConfig_server = modernjsConfig.server) ? void 0 : _modernjsConfig_server.ssr);
+            const { secondarySharedTreeShaking } = pluginOptions;
             if (!enableSSR) return;
             setEnv();
             api._internalRuntimePlugins(({ entrypoint, plugins })=>{
+                if (secondarySharedTreeShaking) return {
+                    entrypoint,
+                    plugins
+                };
                 const { fetchServerQuery } = pluginOptions;
                 plugins.push({
                     name: 'injectDataFetchFunction',
@@ -160,16 +165,23 @@ const moduleFederationSSRPlugin = (pluginOptions)=>({
                 if (skipByTarget(target)) return;
                 const bundlerType = 'rspack' === api.getAppContext().bundlerType ? 'rspack' : 'webpack';
                 const MFPlugin = 'webpack' === bundlerType ? ModuleFederationPlugin : rspack_ModuleFederationPlugin;
+                const TreeShakingSharedPlugin = 'webpack' === bundlerType ? enhanced_TreeShakingSharedPlugin : rspack_TreeShakingSharedPlugin;
                 const isWeb = isWebTarget(target);
                 if (!isWeb) {
-                    if (!chain.plugins.has(CHAIN_MF_PLUGIN_ID)) chain.plugin(CHAIN_MF_PLUGIN_ID).use(MFPlugin, [
+                    if (!chain.plugins.has(CHAIN_MF_PLUGIN_ID)) if (secondarySharedTreeShaking) chain.plugin(CHAIN_MF_PLUGIN_ID).use(TreeShakingSharedPlugin, [
+                        {
+                            mfConfig: pluginOptions.ssrConfig,
+                            secondary: true
+                        }
+                    ]);
+                    else chain.plugin(CHAIN_MF_PLUGIN_ID).use(MFPlugin, [
                         pluginOptions.ssrConfig
                     ]).init((Plugin, args)=>{
                         pluginOptions.nodePlugin = new Plugin(args[0]);
                         return pluginOptions.nodePlugin;
                     });
                 }
-                if (!isWeb) {
+                if (!isWeb && !secondarySharedTreeShaking) {
                     chain.target('async-node');
                     if (isDev()) chain.plugin('UniverseEntryChunkTrackerPlugin').use(universe_entry_chunk_tracker_plugin);
                 }

package/dist/esm-node/ssr-runtime/SSRLiveReload.mjs

@@ -1,4 +1,5 @@
 import { jsx } from "react/jsx-runtime";
+import "react";
 function SSRLiveReload() {
     if ('development' !== process.env.NODE_ENV) return null;
     return /*#__PURE__*/ jsx("script", {

package/dist/types/ssr-runtime/SSRLiveReload.d.ts

@@ -1 +1,2 @@
-export declare function SSRLiveReload(): import("react").JSX.Element | null;
+import React from 'react';
+export declare function SSRLiveReload(): React.JSX.Element | null;

package/dist/types/types/index.d.ts

@@ -8,6 +8,7 @@ export interface PluginOptions {
     } | boolean;
     remoteIpStrategy?: 'ipv4' | 'inherit';
     fetchServerQuery?: Record<string, unknown>;
+    secondarySharedTreeShaking?: boolean;
 }
 export type AssetFileNames = {
     statsFileName: string;
@@ -31,5 +32,6 @@ export interface InternalModernPluginOptions {
     remoteIpStrategy?: 'ipv4' | 'inherit';
     userConfig?: PluginOptions;
     fetchServerQuery?: Record<string, unknown>;
+    secondarySharedTreeShaking?: boolean;
 }
 export type BundlerPlugin = any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/modern-js",
-  "version": "0.23.0",
+  "version": "0.24.0",
   "files": [
     "dist/",
     "types.d.ts",
@@ -140,13 +140,13 @@
     "node-fetch": "~3.3.0",
     "jiti": "2.4.2",
     "react-error-boundary": "4.1.2",
-    "@module-federation/rsbuild-plugin": "0.23.0",
-    "@module-federation/bridge-react": "0.23.0",
-    "@module-federation/enhanced": "0.23.0",
-    "@module-federation/runtime": "0.23.0",
-    "@module-federation/node": "2.7.28",
-    "@module-federation/sdk": "0.23.0",
-    "@module-federation/cli": "0.23.0"
+    "@module-federation/rsbuild-plugin": "0.24.0",
+    "@module-federation/bridge-react": "0.24.0",
+    "@module-federation/enhanced": "0.24.0",
+    "@module-federation/node": "2.7.29",
+    "@module-federation/runtime": "0.24.0",
+    "@module-federation/sdk": "0.24.0",
+    "@module-federation/cli": "0.24.0"
   },
   "devDependencies": {
     "@rsbuild/plugin-react": "1.4.2",
@@ -159,7 +159,7 @@
     "@modern-js/tsconfig": "2.70.2",
     "@types/react": "^18.3.11",
     "@types/react-dom": "^18.3.0",
-    "@module-federation/manifest": "0.23.0"
+    "@module-federation/manifest": "0.24.0"
   },
   "peerDependencies": {
     "react": ">=17",