@module-federation/modern-js 0.0.0-next-20240625070454 → 0.0.0-next-20240626050252

package/dist/cjs/cli/utils.js

@@ -41,6 +41,7 @@ var import_os = __toESM(require("os"));
 var import_node_bundle_require = require("@modern-js/node-bundle-require");
 var import_constant = require("../constant");
 const defaultPath = import_path.default.resolve(process.cwd(), "module-federation.config.ts");
+const isDev = process.env.NODE_ENV === "development";
 const getMFConfig = async (userConfig) => {
   const { config, configPath } = userConfig;
   if (config) {
@@ -53,6 +54,9 @@ const getMFConfig = async (userConfig) => {
   if (mfConfig.remoteType === void 0) {
     mfConfig.remoteType = "script";
   }
+  if (!mfConfig.name) {
+    throw new Error(`${import_constant.PLUGIN_IDENTIFIER} mfConfig.name can not be empty!`);
+  }
   return mfConfig;
 };
 const injectRuntimePlugins = (runtimePlugin, runtimePlugins) => {
@@ -123,7 +127,6 @@ const patchDTSConfig = (mfConfig, isServer) => {
   }
 };
 const patchMFConfig = (mfConfig, isServer) => {
-  const isDev = process.env.NODE_ENV === "development";
   const runtimePlugins = [
     ...mfConfig.runtimePlugins || []
   ];
@@ -175,10 +178,19 @@ function getTargetEnvConfig(mfConfig, isServer) {
   return patchedMFConfig;
 }
 function patchWebpackConfig(options) {
-  var _modernjsConfig_server, _bundlerConfig_optimization, _bundlerConfig_optimization1, _bundlerConfig_output;
+  var _modernjsConfig_server, _bundlerConfig_optimization, _bundlerConfig_optimization1, _bundlerConfig_output, _modernjsConfig_deploy;
   const { bundlerConfig, modernjsConfig, isServer, mfConfig } = 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;
+  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;
+    }
+  }
   if (!isServer) {
     autoDeleteSplitChunkCacheGroups(mfConfig, bundlerConfig);
   }
@@ -186,7 +198,7 @@ function patchWebpackConfig(options) {
     bundlerConfig.optimization.splitChunks.chunks = "async";
     console.warn(`${import_constant.PLUGIN_IDENTIFIER} splitChunks.chunks = async is not allowed with stream SSR mode, it will auto changed to "async"`);
   }
-  if (((_bundlerConfig_output = bundlerConfig.output) === null || _bundlerConfig_output === void 0 ? void 0 : _bundlerConfig_output.publicPath) === "auto") {
+  if (isDev && ((_bundlerConfig_output = bundlerConfig.output) === null || _bundlerConfig_output === void 0 ? void 0 : _bundlerConfig_output.publicPath) === "auto") {
     var _modernjsConfig_dev, _modernjsConfig_server1;
     const port = ((_modernjsConfig_dev = modernjsConfig.dev) === null || _modernjsConfig_dev === void 0 ? void 0 : _modernjsConfig_dev.port) || ((_modernjsConfig_server1 = modernjsConfig.server) === null || _modernjsConfig_server1 === void 0 ? void 0 : _modernjsConfig_server1.port) || 8080;
     const publicPath = `http://localhost:${port}/`;
@@ -201,7 +213,6 @@ function patchWebpackConfig(options) {
       output.chunkFilename = chunkFileName.replace(".js", suffix);
     }
   }
-  const isDev = process.env.NODE_ENV === "development";
   if (isDev && enableSSR && !isServer) {
     bundlerConfig.resolve.fallback = {
       ...bundlerConfig.resolve.fallback,
@@ -210,6 +221,12 @@ function patchWebpackConfig(options) {
       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;
+  }
 }
 const localIpv4 = "127.0.0.1";
 const getIpv4Interfaces = () => {

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

@@ -124,7 +124,9 @@ const mfConfig = {
     });
     (0, import_vitest.expect)(bundlerConfig).toStrictEqual({
       output: {
-        publicPath: "http://localhost:8080/"
+        chunkLoadingGlobal: "chunk_host",
+        publicPath: "auto",
+        uniqueName: "host"
       }
     });
   });
@@ -148,7 +150,9 @@ const mfConfig = {
     });
     (0, import_vitest.expect)(bundlerConfig).toStrictEqual({
       output: {
-        publicPath: "http://localhost:8080/"
+        chunkLoadingGlobal: "chunk_host",
+        publicPath: "auto",
+        uniqueName: "host"
       }
     });
   });

package/dist/esm/cli/utils.js

@@ -9,6 +9,7 @@ import os from "os";
 import { bundle } from "@modern-js/node-bundle-require";
 import { LOCALHOST, PLUGIN_IDENTIFIER } from "../constant";
 var defaultPath = path.resolve(process.cwd(), "module-federation.config.ts");
+var isDev = process.env.NODE_ENV === "development";
 var getMFConfig = function() {
   var _ref = _async_to_generator(function(userConfig) {
     var config, configPath, mfConfigPath, preBundlePath, mfConfig;
@@ -44,6 +45,9 @@ var getMFConfig = function() {
           if (mfConfig.remoteType === void 0) {
             mfConfig.remoteType = "script";
           }
+          if (!mfConfig.name) {
+            throw new Error("".concat(PLUGIN_IDENTIFIER, " mfConfig.name can not be empty!"));
+          }
           return [
             2,
             mfConfig
@@ -136,7 +140,6 @@ var patchDTSConfig = function(mfConfig, isServer) {
   }
 };
 var patchMFConfig = function(mfConfig, isServer) {
-  var isDev = process.env.NODE_ENV === "development";
   var runtimePlugins = _to_consumable_array(mfConfig.runtimePlugins || []);
   patchDTSConfig(mfConfig, isServer);
   injectRuntimePlugins(path.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js"), runtimePlugins);
@@ -181,10 +184,19 @@ function getTargetEnvConfig(mfConfig, isServer) {
   return patchedMFConfig;
 }
 function patchWebpackConfig(options) {
-  var _modernjsConfig_server, _bundlerConfig_optimization, _bundlerConfig_optimization1, _bundlerConfig_output;
+  var _modernjsConfig_server, _bundlerConfig_optimization, _bundlerConfig_optimization1, _bundlerConfig_output, _modernjsConfig_deploy;
   var bundlerConfig = options.bundlerConfig, modernjsConfig = options.modernjsConfig, isServer = options.isServer, mfConfig = options.mfConfig;
   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;
+  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;
+    }
+  }
   if (!isServer) {
     autoDeleteSplitChunkCacheGroups(mfConfig, bundlerConfig);
   }
@@ -192,7 +204,7 @@ function patchWebpackConfig(options) {
     bundlerConfig.optimization.splitChunks.chunks = "async";
     console.warn("".concat(PLUGIN_IDENTIFIER, ' splitChunks.chunks = async is not allowed with stream SSR mode, it will auto changed to "async"'));
   }
-  if (((_bundlerConfig_output = bundlerConfig.output) === null || _bundlerConfig_output === void 0 ? void 0 : _bundlerConfig_output.publicPath) === "auto") {
+  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;
     var publicPath = "http://localhost:".concat(port, "/");
@@ -207,7 +219,6 @@ function patchWebpackConfig(options) {
       output.chunkFilename = chunkFileName.replace(".js", suffix);
     }
   }
-  var isDev = process.env.NODE_ENV === "development";
   if (isDev && enableSSR && !isServer) {
     bundlerConfig.resolve.fallback = _object_spread_props(_object_spread({}, bundlerConfig.resolve.fallback), {
       crypto: false,
@@ -215,6 +226,12 @@ function patchWebpackConfig(options) {
       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;
+  }
 }
 var localIpv4 = "127.0.0.1";
 var getIpv4Interfaces = function() {

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

@@ -123,7 +123,9 @@ describe("patchWebpackConfig", /* @__PURE__ */ _async_to_generator(function() {
         });
         expect(bundlerConfig).toStrictEqual({
           output: {
-            publicPath: "http://localhost:8080/"
+            chunkLoadingGlobal: "chunk_host",
+            publicPath: "auto",
+            uniqueName: "host"
           }
         });
         return [
@@ -153,7 +155,9 @@ describe("patchWebpackConfig", /* @__PURE__ */ _async_to_generator(function() {
         });
         expect(bundlerConfig).toStrictEqual({
           output: {
-            publicPath: "http://localhost:8080/"
+            chunkLoadingGlobal: "chunk_host",
+            publicPath: "auto",
+            uniqueName: "host"
           }
         });
         return [

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

@@ -4,6 +4,7 @@ import os from "os";
 import { bundle } from "@modern-js/node-bundle-require";
 import { LOCALHOST, PLUGIN_IDENTIFIER } from "../constant";
 const defaultPath = path.resolve(process.cwd(), "module-federation.config.ts");
+const isDev = process.env.NODE_ENV === "development";
 const getMFConfig = async (userConfig) => {
   const { config, configPath } = userConfig;
   if (config) {
@@ -16,6 +17,9 @@ const getMFConfig = async (userConfig) => {
   if (mfConfig.remoteType === void 0) {
     mfConfig.remoteType = "script";
   }
+  if (!mfConfig.name) {
+    throw new Error(`${PLUGIN_IDENTIFIER} mfConfig.name can not be empty!`);
+  }
   return mfConfig;
 };
 const injectRuntimePlugins = (runtimePlugin, runtimePlugins) => {
@@ -86,7 +90,6 @@ const patchDTSConfig = (mfConfig, isServer) => {
   }
 };
 const patchMFConfig = (mfConfig, isServer) => {
-  const isDev = process.env.NODE_ENV === "development";
   const runtimePlugins = [
     ...mfConfig.runtimePlugins || []
   ];
@@ -138,10 +141,19 @@ function getTargetEnvConfig(mfConfig, isServer) {
   return patchedMFConfig;
 }
 function patchWebpackConfig(options) {
-  var _modernjsConfig_server, _bundlerConfig_optimization, _bundlerConfig_optimization1, _bundlerConfig_output;
+  var _modernjsConfig_server, _bundlerConfig_optimization, _bundlerConfig_optimization1, _bundlerConfig_output, _modernjsConfig_deploy;
   const { bundlerConfig, modernjsConfig, isServer, mfConfig } = 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;
+  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;
+    }
+  }
   if (!isServer) {
     autoDeleteSplitChunkCacheGroups(mfConfig, bundlerConfig);
   }
@@ -149,7 +161,7 @@ function patchWebpackConfig(options) {
     bundlerConfig.optimization.splitChunks.chunks = "async";
     console.warn(`${PLUGIN_IDENTIFIER} splitChunks.chunks = async is not allowed with stream SSR mode, it will auto changed to "async"`);
   }
-  if (((_bundlerConfig_output = bundlerConfig.output) === null || _bundlerConfig_output === void 0 ? void 0 : _bundlerConfig_output.publicPath) === "auto") {
+  if (isDev && ((_bundlerConfig_output = bundlerConfig.output) === null || _bundlerConfig_output === void 0 ? void 0 : _bundlerConfig_output.publicPath) === "auto") {
     var _modernjsConfig_dev, _modernjsConfig_server1;
     const port = ((_modernjsConfig_dev = modernjsConfig.dev) === null || _modernjsConfig_dev === void 0 ? void 0 : _modernjsConfig_dev.port) || ((_modernjsConfig_server1 = modernjsConfig.server) === null || _modernjsConfig_server1 === void 0 ? void 0 : _modernjsConfig_server1.port) || 8080;
     const publicPath = `http://localhost:${port}/`;
@@ -164,7 +176,6 @@ function patchWebpackConfig(options) {
       output.chunkFilename = chunkFileName.replace(".js", suffix);
     }
   }
-  const isDev = process.env.NODE_ENV === "development";
   if (isDev && enableSSR && !isServer) {
     bundlerConfig.resolve.fallback = {
       ...bundlerConfig.resolve.fallback,
@@ -173,6 +184,12 @@ function patchWebpackConfig(options) {
       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;
+  }
 }
 const localIpv4 = "127.0.0.1";
 const getIpv4Interfaces = () => {

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

@@ -101,7 +101,9 @@ describe("patchWebpackConfig", async () => {
     });
     expect(bundlerConfig).toStrictEqual({
       output: {
-        publicPath: "http://localhost:8080/"
+        chunkLoadingGlobal: "chunk_host",
+        publicPath: "auto",
+        uniqueName: "host"
       }
     });
   });
@@ -125,7 +127,9 @@ describe("patchWebpackConfig", async () => {
     });
     expect(bundlerConfig).toStrictEqual({
       output: {
-        publicPath: "http://localhost:8080/"
+        chunkLoadingGlobal: "chunk_host",
+        publicPath: "auto",
+        uniqueName: "host"
       }
     });
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/modern-js",
-  "version": "0.0.0-next-20240625070454",
+  "version": "0.0.0-next-20240626050252",
   "files": [
     "dist/",
     "types.d.ts",
@@ -47,9 +47,9 @@
     "@modern-js/node-bundle-require": "^2.54.2",
     "node-fetch": "~3.3.0",
     "react-error-boundary": "4.0.13",
-    "@module-federation/sdk": "0.0.0-next-20240625070454",
-    "@module-federation/enhanced": "0.0.0-next-20240625070454",
-    "@module-federation/node": "0.0.0-next-20240625070454"
+    "@module-federation/sdk": "0.0.0-next-20240626050252",
+    "@module-federation/enhanced": "0.0.0-next-20240626050252",
+    "@module-federation/node": "0.0.0-next-20240626050252"
   },
   "devDependencies": {
     "@modern-js/app-tools": "^2.54.2",
@@ -57,7 +57,7 @@
     "@modern-js/runtime": "^2.54.2",
     "@modern-js/module-tools": "^2.54.2",
     "@modern-js/tsconfig": "^2.54.2",
-    "@module-federation/manifest": "0.0.0-next-20240625070454"
+    "@module-federation/manifest": "0.0.0-next-20240626050252"
   },
   "peerDependencies": {
     "react": ">=17",