@module-federation/vite 1.13.3 → 1.13.4

package/lib/index.cjs

@@ -746,7 +746,7 @@ function inferVersionFromRequiredVersion(requiredVersion) {
 }
 function normalizeShareItem(key, shareItem) {
 	let version;
-	try {
+	if (!(typeof shareItem === "object" && shareItem.import === false)) try {
 		try {
 			version = require(pathe.join(removePathFromNpmPackage(key), "package.json")).version;
 		} catch (e1) {
@@ -1386,6 +1386,28 @@ function writeLoadShareModule(pkg, shareItem, command, isRolldown) {
 	const importLine = command === "build" ? getRuntimeInitPromiseBootstrapCode() : useESM ? `${getRuntimeInitBootstrapCode()}
     const { initPromise } = globalThis[globalKey];` : `const {initPromise} = require("${virtualRuntimeInitStatus.getImportId()}")`;
 	const awaitOrPlaceholder = useESM ? "await " : "/*mf top-level-await placeholder replacement mf*/";
+	if (shareItem.shareConfig.import === false) {
+		const namedExports = useESM ? getPackageNamedExports(pkg) : [];
+		let exportLine;
+		if (useESM && namedExports.length > 0) exportLine = `export default exportModule.default ?? exportModule;\n    ${`const { ${namedExports.map((name, i) => `${name}: __mf_${i}`).join(", ")} } = exportModule;`}\n    ${`export { ${namedExports.map((name, i) => `__mf_${i} as ${name}`).join(", ")} };`}`;
+		else {
+			if (useESM) mfWarn(`Shared dependency "${pkg}" has import: false but is not installed locally.\n  Named imports (e.g. import { ... } from '${pkg}') will not work in production builds.\n  Install it as a devDependency to enable named export detection.`);
+			exportLine = useESM ? "export default exportModule.default ?? exportModule" : "module.exports = exportModule";
+		}
+		loadShareCacheMap[pkg].writeSync(`
+    ${importLine}
+    const res = initPromise.then(runtime => runtime.loadShare(${escapeGeneratedStringLiteral(pkg)}, {
+      customShareInfo: {shareConfig:{
+        singleton: ${shareItem.shareConfig.singleton},
+        strictVersion: ${shareItem.shareConfig.strictVersion},
+        requiredVersion: ${JSON.stringify(shareItem.shareConfig.requiredVersion)}
+      }}
+    }))
+    const exportModule = ${awaitOrPlaceholder}res.then((factory) => (typeof factory === "function" ? factory() : factory))
+    ${exportLine}
+  `, true);
+		return;
+	}
 	const useSsrProviderFallback = hasPackageDependency("vinext") && command === "build" && pkg === "react";
 	const concreteSharedImportSource = getConcreteSharedImportSource(pkg, shareItem);
 	const sharedImportSource = concreteSharedImportSource || getPreBuildLibImportId(pkg);
@@ -1533,6 +1555,14 @@ function generateRemoteEntry(options, virtualExposesId = getVirtualExposesId(opt
 		];
 	});
 	return `
+  // Shim Vue HMR runtime for dev-compiled components loaded by a non-Vite host.
+  // When a remote is served by a Vite dev server, Vue's SFC compiler injects HMR
+  // hooks that reference __VUE_HMR_RUNTIME__. This global only exists on pages
+  // served by Vite's client runtime. When a production host loads the remote,
+  // the HMR calls would throw. This no-op shim prevents that.
+  if (typeof __VUE_HMR_RUNTIME__ === 'undefined') {
+    globalThis.__VUE_HMR_RUNTIME__ = { createRecord() {}, rerender() {}, reload() {} };
+  }
   import {init as runtimeInit, loadRemote} from "@module-federation/runtime";
   ${pluginImportNames.map((item) => item[1]).join("\n")}
   ${command === "build" ? getRuntimeInitResolveBootstrapCode() : getRuntimeInitBootstrapCode() + "\n  const { initResolve } = globalThis[globalKey];"}
@@ -2278,7 +2308,7 @@ function proxySharedModule(options) {
 						if (key.endsWith("/") && source !== key.slice(0, -1)) return;
 						const loadSharePath = getLoadShareModulePath(source, isRolldown, command);
 						writeLoadShareModule(source, shared[key], command, isRolldown);
-						writePreBuildLibPath(source, shared[key]);
+						if (shared[key].shareConfig.import !== false) writePreBuildLibPath(source, shared[key]);
 						addUsedShares(source);
 						writeLocalSharedImportMap();
 						return this.resolve(loadSharePath, importer);
@@ -2317,7 +2347,7 @@ function proxySharedModule(options) {
 					return;
 				}
 				writeLoadShareModule(key, shared[key], _command, isRolldown);
-				writePreBuildLibPath(key, shared[key]);
+				if (shared[key].shareConfig.import !== false) writePreBuildLibPath(key, shared[key]);
 				addUsedShares(key);
 			});
 			writeLocalSharedImportMap();
@@ -2545,9 +2575,9 @@ function createEarlyVirtualModulesPlugin(options) {
 					}
 					getLoadShareModulePath(key, isRolldown);
 					writeLoadShareModule(key, shareItem, _command, isRolldown);
-					writePreBuildLibPath(key, shareItem);
+					if (shareItem.shareConfig?.import !== false) writePreBuildLibPath(key, shareItem);
 					addUsedShares(key);
-					if (_command === "serve") {
+					if (_command === "serve" && shareItem.shareConfig?.import !== false) {
 						if (!isRolldown) config.optimizeDeps.include.push(getLoadShareImportId(key, isRolldown, _command));
 						config.optimizeDeps.include.push(getPreBuildLibImportId(key));
 					}

package/lib/index.mjs

@@ -724,7 +724,7 @@ function inferVersionFromRequiredVersion(requiredVersion) {
 }
 function normalizeShareItem(key, shareItem) {
 	let version;
-	try {
+	if (!(typeof shareItem === "object" && shareItem.import === false)) try {
 		try {
 			version = __require(path$1.join(removePathFromNpmPackage(key), "package.json")).version;
 		} catch (e1) {
@@ -1363,6 +1363,28 @@ function writeLoadShareModule(pkg, shareItem, command, isRolldown) {
 	const importLine = command === "build" ? getRuntimeInitPromiseBootstrapCode() : useESM ? `${getRuntimeInitBootstrapCode()}
     const { initPromise } = globalThis[globalKey];` : `const {initPromise} = require("${virtualRuntimeInitStatus.getImportId()}")`;
 	const awaitOrPlaceholder = useESM ? "await " : "/*mf top-level-await placeholder replacement mf*/";
+	if (shareItem.shareConfig.import === false) {
+		const namedExports = useESM ? getPackageNamedExports(pkg) : [];
+		let exportLine;
+		if (useESM && namedExports.length > 0) exportLine = `export default exportModule.default ?? exportModule;\n    ${`const { ${namedExports.map((name, i) => `${name}: __mf_${i}`).join(", ")} } = exportModule;`}\n    ${`export { ${namedExports.map((name, i) => `__mf_${i} as ${name}`).join(", ")} };`}`;
+		else {
+			if (useESM) mfWarn(`Shared dependency "${pkg}" has import: false but is not installed locally.\n  Named imports (e.g. import { ... } from '${pkg}') will not work in production builds.\n  Install it as a devDependency to enable named export detection.`);
+			exportLine = useESM ? "export default exportModule.default ?? exportModule" : "module.exports = exportModule";
+		}
+		loadShareCacheMap[pkg].writeSync(`
+    ${importLine}
+    const res = initPromise.then(runtime => runtime.loadShare(${escapeGeneratedStringLiteral(pkg)}, {
+      customShareInfo: {shareConfig:{
+        singleton: ${shareItem.shareConfig.singleton},
+        strictVersion: ${shareItem.shareConfig.strictVersion},
+        requiredVersion: ${JSON.stringify(shareItem.shareConfig.requiredVersion)}
+      }}
+    }))
+    const exportModule = ${awaitOrPlaceholder}res.then((factory) => (typeof factory === "function" ? factory() : factory))
+    ${exportLine}
+  `, true);
+		return;
+	}
 	const useSsrProviderFallback = hasPackageDependency("vinext") && command === "build" && pkg === "react";
 	const concreteSharedImportSource = getConcreteSharedImportSource(pkg, shareItem);
 	const sharedImportSource = concreteSharedImportSource || getPreBuildLibImportId(pkg);
@@ -1510,6 +1532,14 @@ function generateRemoteEntry(options, virtualExposesId = getVirtualExposesId(opt
 		];
 	});
 	return `
+  // Shim Vue HMR runtime for dev-compiled components loaded by a non-Vite host.
+  // When a remote is served by a Vite dev server, Vue's SFC compiler injects HMR
+  // hooks that reference __VUE_HMR_RUNTIME__. This global only exists on pages
+  // served by Vite's client runtime. When a production host loads the remote,
+  // the HMR calls would throw. This no-op shim prevents that.
+  if (typeof __VUE_HMR_RUNTIME__ === 'undefined') {
+    globalThis.__VUE_HMR_RUNTIME__ = { createRecord() {}, rerender() {}, reload() {} };
+  }
   import {init as runtimeInit, loadRemote} from "@module-federation/runtime";
   ${pluginImportNames.map((item) => item[1]).join("\n")}
   ${command === "build" ? getRuntimeInitResolveBootstrapCode() : getRuntimeInitBootstrapCode() + "\n  const { initResolve } = globalThis[globalKey];"}
@@ -2255,7 +2285,7 @@ function proxySharedModule(options) {
 						if (key.endsWith("/") && source !== key.slice(0, -1)) return;
 						const loadSharePath = getLoadShareModulePath(source, isRolldown, command);
 						writeLoadShareModule(source, shared[key], command, isRolldown);
-						writePreBuildLibPath(source, shared[key]);
+						if (shared[key].shareConfig.import !== false) writePreBuildLibPath(source, shared[key]);
 						addUsedShares(source);
 						writeLocalSharedImportMap();
 						return this.resolve(loadSharePath, importer);
@@ -2294,7 +2324,7 @@ function proxySharedModule(options) {
 					return;
 				}
 				writeLoadShareModule(key, shared[key], _command, isRolldown);
-				writePreBuildLibPath(key, shared[key]);
+				if (shared[key].shareConfig.import !== false) writePreBuildLibPath(key, shared[key]);
 				addUsedShares(key);
 			});
 			writeLocalSharedImportMap();
@@ -2522,9 +2552,9 @@ function createEarlyVirtualModulesPlugin(options) {
 					}
 					getLoadShareModulePath(key, isRolldown);
 					writeLoadShareModule(key, shareItem, _command, isRolldown);
-					writePreBuildLibPath(key, shareItem);
+					if (shareItem.shareConfig?.import !== false) writePreBuildLibPath(key, shareItem);
 					addUsedShares(key);
-					if (_command === "serve") {
+					if (_command === "serve" && shareItem.shareConfig?.import !== false) {
 						if (!isRolldown) config.optimizeDeps.include.push(getLoadShareImportId(key, isRolldown, _command));
 						config.optimizeDeps.include.push(getPreBuildLibImportId(key));
 					}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/vite",
-  "version": "1.13.3",
+  "version": "1.13.4",
   "description": "Vite plugin for Module Federation",
   "type": "module",
   "main": "./lib/index.cjs",