@module-federation/vite 1.8.0 → 1.9.0

package/README.md

@@ -109,6 +109,15 @@ export default defineConfig({
       },
       filename: "remoteEntry.js",
       shared: ["vue"],
+      // Optional parameter that controls where the host initialization script is injected.
+      // By default, it is injected into the index.html file.
+      // You can set this to "entry" to inject it into the entry script instead.
+      // Useful if your application does not load from index.html.
+      hostInitInjectLocation: "html", // or "entry"
+      // Controls whether all CSS assets from the bundle should be added to every exposed module.
+      // When false (default), the plugin will not process any CSS assets.
+      // When true, all CSS assets are bundled into every exposed module.
+      bundleAllCSS: false, // or true
     }),
   ],
   server: {
@@ -124,6 +133,7 @@ export default defineConfig({
 ```
 
 The host app configuration specifies its name, the filename of its exposed remote entry remoteEntry.js, and importantly, the configuration of the remote application to load.
+You can specify the place the host initialization file is injected with the **hostInitInjectLocation** option, which is described in the example code above.
 
 ## Load the Remote App
 

package/lib/index.cjs

@@ -1,9 +1,9 @@
 var defu = require('defu');
 var fs = require('fs');
 var path = require('pathe');
+var MagicString = require('magic-string');
 var pluginutils = require('@rollup/pluginutils');
 var estreeWalker = require('estree-walker');
-var MagicString = require('magic-string');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -31,6 +31,21 @@ var path__namespace = /*#__PURE__*/_interopNamespace(path);
 var path__default = /*#__PURE__*/_interopDefaultLegacy(path);
 var MagicString__default = /*#__PURE__*/_interopDefaultLegacy(MagicString);
 
+var mapCodeToCodeWithSourcemap = function mapCodeToCodeWithSourcemap(code) {
+  return Promise.resolve(code).then(function (resolvedCode) {
+    if (resolvedCode === undefined) {
+      return;
+    }
+    var s = new MagicString__default["default"](resolvedCode);
+    return {
+      code: s.toString(),
+      map: s.generateMap({
+        hires: true
+      })
+    };
+  });
+};
+
 function getFirstHtmlEntryFile(entryFiles) {
   return entryFiles.find(function (file) {
     return file.endsWith('.html');
@@ -150,7 +165,7 @@ var addEntry = function addEntry(_ref) {
         return id.endsWith(file);
       })) {
         var injection = "\n          import " + JSON.stringify(entryPath) + ";\n          ";
-        return injection + code;
+        return mapCodeToCodeWithSourcemap(injection + code);
       }
     }
   }];
@@ -383,6 +398,7 @@ function normalizeShareItem(key, shareItem) {
       scope: 'default',
       from: '',
       shareConfig: {
+        "import": undefined,
         singleton: false,
         requiredVersion: version ? "^" + version : '*'
       }
@@ -394,6 +410,7 @@ function normalizeShareItem(key, shareItem) {
     version: shareItem.version || version,
     scope: shareItem.shareScope || 'default',
     shareConfig: {
+      "import": typeof shareItem === 'object' ? shareItem["import"] : undefined,
       singleton: shareItem.singleton || false,
       requiredVersion: shareItem.requiredVersion || (version ? "^" + version : '*'),
       strictVersion: !!shareItem.strictVersion
@@ -468,7 +485,9 @@ function normalizeModuleFederationOptions(options) {
     publicPath: options.publicPath,
     shareStrategy: options.shareStrategy || 'version-first',
     ignoreOrigin: options.ignoreOrigin || false,
-    virtualModuleDir: options.virtualModuleDir || '__mf__virtual'
+    virtualModuleDir: options.virtualModuleDir || '__mf__virtual',
+    hostInitInjectLocation: options.hostInitInjectLocation || 'html',
+    bundleAllCSS: options.bundleAllCSS || false
   };
 }
 
@@ -556,6 +575,16 @@ var cacheMap = {};
 /**
  * Physically generate files as virtual modules under node_modules/__mf__virtual/*
  */
+function assertModuleFound(tag, str) {
+  if (str === void 0) {
+    str = '';
+  }
+  var module = VirtualModule.findModule(tag, str);
+  if (!module) {
+    throw new Error("Module Federation shared module '" + str + "' not found. Please ensure it's installed as a dependency in your package.json.");
+  }
+  return module;
+}
 var VirtualModule = /*#__PURE__*/function () {
   function VirtualModule(name, tag, suffix) {
     if (tag === void 0) {
@@ -695,7 +724,7 @@ function getLoadShareModulePath(pkg) {
   return filepath;
 }
 function writeLoadShareModule(pkg, shareItem, command) {
-  loadShareCacheMap[pkg].writeSync("\n    \n    ;() => import(" + JSON.stringify(getPreBuildLibImportId(pkg)) + ").catch(() => {});\n    // dev uses dynamic import to separate chunks\n    " + (command !== 'build' ? ";() => import(" + JSON.stringify(pkg) + ").catch(() => {});" : '') + "\n    const {loadShare} = require(\"@module-federation/runtime\")\n    const {initPromise} = require(\"" + virtualRuntimeInitStatus.getImportId() + "\")\n    const res = initPromise.then(_ => loadShare(" + JSON.stringify(pkg) + ", {\n    customShareInfo: {shareConfig:{\n      singleton: " + shareItem.shareConfig.singleton + ",\n      strictVersion: " + shareItem.shareConfig.strictVersion + ",\n      requiredVersion: " + JSON.stringify(shareItem.shareConfig.requiredVersion) + "\n    }}}))\n    const exportModule = " + (command !== 'build' ? '/*mf top-level-await placeholder replacement mf*/' : 'await ') + "res.then(factory => factory())\n    module.exports = exportModule\n  ");
+  loadShareCacheMap[pkg].writeSync("\n\n    ;() => import(" + JSON.stringify(getPreBuildLibImportId(pkg)) + ").catch(() => {});\n    // dev uses dynamic import to separate chunks\n    " + (command !== 'build' ? ";() => import(" + JSON.stringify(pkg) + ").catch(() => {});" : '') + "\n    const {loadShare} = require(\"@module-federation/runtime\")\n    const {initPromise} = require(\"" + virtualRuntimeInitStatus.getImportId() + "\")\n    const res = initPromise.then(_ => loadShare(" + JSON.stringify(pkg) + ", {\n    customShareInfo: {shareConfig:{\n      singleton: " + shareItem.shareConfig.singleton + ",\n      strictVersion: " + shareItem.shareConfig.strictVersion + ",\n      requiredVersion: " + JSON.stringify(shareItem.shareConfig.requiredVersion) + "\n    }}}))\n    const exportModule = " + (command !== 'build' ? '/*mf top-level-await placeholder replacement mf*/' : 'await ') + "res.then(factory => factory())\n    module.exports = exportModule\n  ");
 }
 
 var usedShares = new Set();
@@ -722,12 +751,13 @@ function writeLocalSharedImportMap() {
 }
 function generateLocalSharedImportMap() {
   var options = getNormalizeModuleFederationOptions();
-  return "\n    const importMap = {\n      " + Array.from(getUsedShares()).sort().map(function (pkg) {
-    return "\n        " + JSON.stringify(pkg) + ": async () => {\n          let pkg = await import(\"" + getPreBuildLibImportId(pkg) + "\")\n          return pkg\n        }\n      ";
+  return "\n    import {loadShare} from \"@module-federation/runtime\";\n    const importMap = {\n      " + Array.from(getUsedShares()).sort().map(function (pkg) {
+    var shareItem = getNormalizeShareItem(pkg);
+    return "\n        " + JSON.stringify(pkg) + ": async () => {\n          " + ((shareItem == null ? void 0 : shareItem.shareConfig["import"]) === false ? "throw new Error(`Shared module '${" + JSON.stringify(pkg) + "}' must be provided by host`);" : "let pkg = await import(\"" + getPreBuildLibImportId(pkg) + "\");\n            return pkg;") + "\n        }\n      ";
   }).join(',') + "\n    }\n      const usedShared = {\n      " + Array.from(getUsedShares()).sort().map(function (key) {
     var shareItem = getNormalizeShareItem(key);
     if (!shareItem) return null;
-    return "\n          " + JSON.stringify(key) + ": {\n            name: " + JSON.stringify(key) + ",\n            version: " + JSON.stringify(shareItem.version) + ",\n            scope: [" + JSON.stringify(shareItem.scope) + "],\n            loaded: false,\n            from: " + JSON.stringify(options.name) + ",\n            async get () {\n              usedShared[" + JSON.stringify(key) + "].loaded = true\n              const {" + JSON.stringify(key) + ": pkgDynamicImport} = importMap \n              const res = await pkgDynamicImport()\n              const exportModule = {...res}\n              // All npm packages pre-built by vite will be converted to esm\n              Object.defineProperty(exportModule, \"__esModule\", {\n                value: true,\n                enumerable: false\n              })\n              return function () {\n                return exportModule\n              }\n            },\n            shareConfig: {\n              singleton: " + shareItem.shareConfig.singleton + ",\n              requiredVersion: " + JSON.stringify(shareItem.shareConfig.requiredVersion) + "\n            }\n          }\n        ";
+    return "\n          " + JSON.stringify(key) + ": {\n            name: " + JSON.stringify(key) + ",\n            version: " + JSON.stringify(shareItem.version) + ",\n            scope: [" + JSON.stringify(shareItem.scope) + "],\n            loaded: false,\n            from: " + JSON.stringify(options.name) + ",\n            async get () {\n              if (" + (shareItem.shareConfig["import"] === false) + ") {\n                throw new Error(`Shared module '${" + JSON.stringify(key) + "}' must be provided by host`);\n              }\n              usedShared[" + JSON.stringify(key) + "].loaded = true\n              const {" + JSON.stringify(key) + ": pkgDynamicImport} = importMap\n              const res = await pkgDynamicImport()\n              const exportModule = {...res}\n              // All npm packages pre-built by vite will be converted to esm\n              Object.defineProperty(exportModule, \"__esModule\", {\n                value: true,\n                enumerable: false\n              })\n              return function () {\n                return exportModule\n              }\n            },\n            shareConfig: {\n              singleton: " + shareItem.shareConfig.singleton + ",\n              requiredVersion: " + JSON.stringify(shareItem.shareConfig.requiredVersion) + ",\n              " + (shareItem.shareConfig["import"] === false ? 'import: false,' : '') + "\n            }\n          }\n        ";
   }).filter(function (x) {
     return x !== null;
   }).join(',') + "\n    }\n      const usedRemotes = [" + Object.keys(getUsedRemotesMap()).map(function (key) {
@@ -757,7 +787,7 @@ function generateRemoteEntry(options) {
 var HOST_AUTO_INIT_TAG = '__H_A_I__';
 var hostAutoInitModule = new VirtualModule('hostAutoInit', HOST_AUTO_INIT_TAG);
 function writeHostAutoInit() {
-  hostAutoInitModule.writeSync("\n    const remoteEntryPromise = import(\"" + REMOTE_ENTRY_ID + "\")\n    // __tla only serves as a hack for vite-plugin-top-level-await. \n    Promise.resolve(remoteEntryPromise)\n      .then(remoteEntry => {\n        return Promise.resolve(remoteEntry.__tla)\n          .then(remoteEntry.init).catch(remoteEntry.init)\n      })\n    ");
+  hostAutoInitModule.writeSync("\n    const remoteEntryPromise = import(\"" + REMOTE_ENTRY_ID + "\")\n    // __tla only serves as a hack for vite-plugin-top-level-await.\n    Promise.resolve(remoteEntryPromise)\n      .then(remoteEntry => {\n        return Promise.resolve(remoteEntry.__tla)\n          .then(remoteEntry.init).catch(remoteEntry.init)\n      })\n    ");
 }
 function getHostAutoInitImportId() {
   return hostAutoInitModule.getImportId();
@@ -1082,7 +1112,7 @@ var Manifest = function Manifest() {
           }
         }
         // Second pass: Collect all CSS assets
-        var allCssAssets = collectCssAssets(bundle);
+        var allCssAssets = mfOptions.bundleAllCSS ? collectCssAssets(bundle) : new Set();
         var exposesModules = Object.keys(mfOptions.exposes).map(function (item) {
           return mfOptions.exposes[item]["import"];
         });
@@ -1110,8 +1140,10 @@ var Manifest = function Manifest() {
           processModuleAssets(bundle, filesMap, function (modulePath) {
             return fileToShareKey.get(modulePath);
           });
-          // Add all CSS assets to every export
-          addCssAssetsToAllExports(filesMap, allCssAssets);
+          // Add all CSS assets to every export if bundleAllCSS is enabled
+          if (mfOptions.bundleAllCSS) {
+            addCssAssetsToAllExports(filesMap, allCssAssets);
+          }
           // Final deduplication of all assets
           filesMap = deduplicateAssets(filesMap);
           _this.emitFile({
@@ -1310,15 +1342,15 @@ function pluginProxyRemoteEntry () {
       }
     },
     transform: function transform(code, id) {
-      try {
-        if (!filter(id)) return Promise.resolve();
+      var transformedCode = function () {
+        if (!filter(id)) return;
         if (id.includes(REMOTE_ENTRY_ID)) {
-          return Promise.resolve(parsePromise.then(function (_) {
+          return parsePromise.then(function (_) {
             return generateRemoteEntry(getNormalizeModuleFederationOptions());
-          }));
+          });
         }
         if (id === VIRTUAL_EXPOSES) {
-          return Promise.resolve(generateExposes());
+          return generateExposes();
         }
         if (id.includes(getHostAutoInitPath())) {
           var options = getNormalizeModuleFederationOptions();
@@ -1326,14 +1358,12 @@ function pluginProxyRemoteEntry () {
             var _viteConfig$server, _viteConfig$server2;
             var host = typeof ((_viteConfig$server = viteConfig.server) == null ? void 0 : _viteConfig$server.host) === 'string' && viteConfig.server.host !== '0.0.0.0' ? viteConfig.server.host : 'localhost';
             var publicPath = JSON.stringify(resolvePublicPath(options, viteConfig.base) + options.filename);
-            return Promise.resolve("\n          const origin = (window && " + !options.ignoreOrigin + ") ? window.origin : \"//" + host + ":" + ((_viteConfig$server2 = viteConfig.server) == null ? void 0 : _viteConfig$server2.port) + "\"\n          const remoteEntryPromise = await import(origin + " + publicPath + ")\n          // __tla only serves as a hack for vite-plugin-top-level-await.\n          Promise.resolve(remoteEntryPromise)\n          .then(remoteEntry => {\n            return Promise.resolve(remoteEntry.__tla)\n              .then(remoteEntry.init).catch(remoteEntry.init)\n          })\n          ");
+            return "\n          const origin = (window && " + !options.ignoreOrigin + ") ? window.origin : \"//" + host + ":" + ((_viteConfig$server2 = viteConfig.server) == null ? void 0 : _viteConfig$server2.port) + "\"\n          const remoteEntryPromise = await import(origin + " + publicPath + ")\n          // __tla only serves as a hack for vite-plugin-top-level-await.\n          Promise.resolve(remoteEntryPromise)\n          .then(remoteEntry => {\n            return Promise.resolve(remoteEntry.__tla)\n              .then(remoteEntry.init).catch(remoteEntry.init)\n          })\n          ";
           }
-          return Promise.resolve(code);
+          return code;
         }
-        return Promise.resolve();
-      } catch (e) {
-        return Promise.reject(e);
-      }
+      }();
+      return mapCodeToCodeWithSourcemap(transformedCode);
     }
   };
 }
@@ -1412,11 +1442,11 @@ function proxySharedModule(options) {
         });
       }
     },
-    transform: function transform(code, id) {
+    transform: function transform(_, id) {
       if (id.includes(getLocalSharedImportMapPath())) {
-        return parsePromise.then(function (_) {
+        return mapCodeToCodeWithSourcemap(parsePromise.then(function (_) {
           return generateLocalSharedImportMap();
-        });
+        }));
       }
     }
   }, {
@@ -1450,7 +1480,8 @@ function proxySharedModule(options) {
         return command === 'build' ? {
           find: new RegExp("(.*" + PREBUILD_TAG + ".*)"),
           replacement: function replacement($1) {
-            var pkgName = VirtualModule.findModule(PREBUILD_TAG, $1).name;
+            var module = assertModuleFound(PREBUILD_TAG, $1);
+            var pkgName = module.name;
             return pkgName;
           }
         } : {
@@ -1459,7 +1490,8 @@ function proxySharedModule(options) {
           customResolver: function customResolver(source, importer) {
             try {
               var _this = this;
-              var pkgName = VirtualModule.findModule(PREBUILD_TAG, source).name;
+              var module = assertModuleFound(PREBUILD_TAG, source);
+              var pkgName = module.name;
               return Promise.resolve(_this.resolve(pkgName, importer).then(function (item) {
                 return item.id;
               })).then(function (result) {
@@ -1521,7 +1553,8 @@ function federation(mfUserOptions) {
   var options = normalizeModuleFederationOptions(mfUserOptions);
   var name = options.name,
     shared = options.shared,
-    filename = options.filename;
+    filename = options.filename,
+    hostInitInjectLocation = options.hostInitInjectLocation;
   if (!name) throw new Error('name is required');
   return [{
     name: 'vite:module-federation-config',
@@ -1540,7 +1573,7 @@ function federation(mfUserOptions) {
   }), addEntry({
     entryName: 'hostInit',
     entryPath: getHostAutoInitPath(),
-    inject: 'html'
+    inject: hostInitInjectLocation
   }), addEntry({
     entryName: 'virtualExposes',
     entryPath: VIRTUAL_EXPOSES

package/lib/index.esm.js

@@ -3,9 +3,24 @@ import * as fs from 'fs';
 import { mkdirSync, writeFileSync, existsSync, writeFile } from 'fs';
 import * as path from 'pathe';
 import path__default, { resolve, basename, parse, join, dirname } from 'pathe';
+import MagicString from 'magic-string';
 import { createFilter } from '@rollup/pluginutils';
 import { walk } from 'estree-walker';
-import MagicString from 'magic-string';
+
+var mapCodeToCodeWithSourcemap = function mapCodeToCodeWithSourcemap(code) {
+  return Promise.resolve(code).then(function (resolvedCode) {
+    if (resolvedCode === undefined) {
+      return;
+    }
+    var s = new MagicString(resolvedCode);
+    return {
+      code: s.toString(),
+      map: s.generateMap({
+        hires: true
+      })
+    };
+  });
+};
 
 function getFirstHtmlEntryFile(entryFiles) {
   return entryFiles.find(function (file) {
@@ -126,7 +141,7 @@ var addEntry = function addEntry(_ref) {
         return id.endsWith(file);
       })) {
         var injection = "\n          import " + JSON.stringify(entryPath) + ";\n          ";
-        return injection + code;
+        return mapCodeToCodeWithSourcemap(injection + code);
       }
     }
   }];
@@ -359,6 +374,7 @@ function normalizeShareItem(key, shareItem) {
       scope: 'default',
       from: '',
       shareConfig: {
+        "import": undefined,
         singleton: false,
         requiredVersion: version ? "^" + version : '*'
       }
@@ -370,6 +386,7 @@ function normalizeShareItem(key, shareItem) {
     version: shareItem.version || version,
     scope: shareItem.shareScope || 'default',
     shareConfig: {
+      "import": typeof shareItem === 'object' ? shareItem["import"] : undefined,
       singleton: shareItem.singleton || false,
       requiredVersion: shareItem.requiredVersion || (version ? "^" + version : '*'),
       strictVersion: !!shareItem.strictVersion
@@ -444,7 +461,9 @@ function normalizeModuleFederationOptions(options) {
     publicPath: options.publicPath,
     shareStrategy: options.shareStrategy || 'version-first',
     ignoreOrigin: options.ignoreOrigin || false,
-    virtualModuleDir: options.virtualModuleDir || '__mf__virtual'
+    virtualModuleDir: options.virtualModuleDir || '__mf__virtual',
+    hostInitInjectLocation: options.hostInitInjectLocation || 'html',
+    bundleAllCSS: options.bundleAllCSS || false
   };
 }
 
@@ -532,6 +551,16 @@ var cacheMap = {};
 /**
  * Physically generate files as virtual modules under node_modules/__mf__virtual/*
  */
+function assertModuleFound(tag, str) {
+  if (str === void 0) {
+    str = '';
+  }
+  var module = VirtualModule.findModule(tag, str);
+  if (!module) {
+    throw new Error("Module Federation shared module '" + str + "' not found. Please ensure it's installed as a dependency in your package.json.");
+  }
+  return module;
+}
 var VirtualModule = /*#__PURE__*/function () {
   function VirtualModule(name, tag, suffix) {
     if (tag === void 0) {
@@ -671,7 +700,7 @@ function getLoadShareModulePath(pkg) {
   return filepath;
 }
 function writeLoadShareModule(pkg, shareItem, command) {
-  loadShareCacheMap[pkg].writeSync("\n    \n    ;() => import(" + JSON.stringify(getPreBuildLibImportId(pkg)) + ").catch(() => {});\n    // dev uses dynamic import to separate chunks\n    " + (command !== 'build' ? ";() => import(" + JSON.stringify(pkg) + ").catch(() => {});" : '') + "\n    const {loadShare} = require(\"@module-federation/runtime\")\n    const {initPromise} = require(\"" + virtualRuntimeInitStatus.getImportId() + "\")\n    const res = initPromise.then(_ => loadShare(" + JSON.stringify(pkg) + ", {\n    customShareInfo: {shareConfig:{\n      singleton: " + shareItem.shareConfig.singleton + ",\n      strictVersion: " + shareItem.shareConfig.strictVersion + ",\n      requiredVersion: " + JSON.stringify(shareItem.shareConfig.requiredVersion) + "\n    }}}))\n    const exportModule = " + (command !== 'build' ? '/*mf top-level-await placeholder replacement mf*/' : 'await ') + "res.then(factory => factory())\n    module.exports = exportModule\n  ");
+  loadShareCacheMap[pkg].writeSync("\n\n    ;() => import(" + JSON.stringify(getPreBuildLibImportId(pkg)) + ").catch(() => {});\n    // dev uses dynamic import to separate chunks\n    " + (command !== 'build' ? ";() => import(" + JSON.stringify(pkg) + ").catch(() => {});" : '') + "\n    const {loadShare} = require(\"@module-federation/runtime\")\n    const {initPromise} = require(\"" + virtualRuntimeInitStatus.getImportId() + "\")\n    const res = initPromise.then(_ => loadShare(" + JSON.stringify(pkg) + ", {\n    customShareInfo: {shareConfig:{\n      singleton: " + shareItem.shareConfig.singleton + ",\n      strictVersion: " + shareItem.shareConfig.strictVersion + ",\n      requiredVersion: " + JSON.stringify(shareItem.shareConfig.requiredVersion) + "\n    }}}))\n    const exportModule = " + (command !== 'build' ? '/*mf top-level-await placeholder replacement mf*/' : 'await ') + "res.then(factory => factory())\n    module.exports = exportModule\n  ");
 }
 
 var usedShares = new Set();
@@ -698,12 +727,13 @@ function writeLocalSharedImportMap() {
 }
 function generateLocalSharedImportMap() {
   var options = getNormalizeModuleFederationOptions();
-  return "\n    const importMap = {\n      " + Array.from(getUsedShares()).sort().map(function (pkg) {
-    return "\n        " + JSON.stringify(pkg) + ": async () => {\n          let pkg = await import(\"" + getPreBuildLibImportId(pkg) + "\")\n          return pkg\n        }\n      ";
+  return "\n    import {loadShare} from \"@module-federation/runtime\";\n    const importMap = {\n      " + Array.from(getUsedShares()).sort().map(function (pkg) {
+    var shareItem = getNormalizeShareItem(pkg);
+    return "\n        " + JSON.stringify(pkg) + ": async () => {\n          " + ((shareItem == null ? void 0 : shareItem.shareConfig["import"]) === false ? "throw new Error(`Shared module '${" + JSON.stringify(pkg) + "}' must be provided by host`);" : "let pkg = await import(\"" + getPreBuildLibImportId(pkg) + "\");\n            return pkg;") + "\n        }\n      ";
   }).join(',') + "\n    }\n      const usedShared = {\n      " + Array.from(getUsedShares()).sort().map(function (key) {
     var shareItem = getNormalizeShareItem(key);
     if (!shareItem) return null;
-    return "\n          " + JSON.stringify(key) + ": {\n            name: " + JSON.stringify(key) + ",\n            version: " + JSON.stringify(shareItem.version) + ",\n            scope: [" + JSON.stringify(shareItem.scope) + "],\n            loaded: false,\n            from: " + JSON.stringify(options.name) + ",\n            async get () {\n              usedShared[" + JSON.stringify(key) + "].loaded = true\n              const {" + JSON.stringify(key) + ": pkgDynamicImport} = importMap \n              const res = await pkgDynamicImport()\n              const exportModule = {...res}\n              // All npm packages pre-built by vite will be converted to esm\n              Object.defineProperty(exportModule, \"__esModule\", {\n                value: true,\n                enumerable: false\n              })\n              return function () {\n                return exportModule\n              }\n            },\n            shareConfig: {\n              singleton: " + shareItem.shareConfig.singleton + ",\n              requiredVersion: " + JSON.stringify(shareItem.shareConfig.requiredVersion) + "\n            }\n          }\n        ";
+    return "\n          " + JSON.stringify(key) + ": {\n            name: " + JSON.stringify(key) + ",\n            version: " + JSON.stringify(shareItem.version) + ",\n            scope: [" + JSON.stringify(shareItem.scope) + "],\n            loaded: false,\n            from: " + JSON.stringify(options.name) + ",\n            async get () {\n              if (" + (shareItem.shareConfig["import"] === false) + ") {\n                throw new Error(`Shared module '${" + JSON.stringify(key) + "}' must be provided by host`);\n              }\n              usedShared[" + JSON.stringify(key) + "].loaded = true\n              const {" + JSON.stringify(key) + ": pkgDynamicImport} = importMap\n              const res = await pkgDynamicImport()\n              const exportModule = {...res}\n              // All npm packages pre-built by vite will be converted to esm\n              Object.defineProperty(exportModule, \"__esModule\", {\n                value: true,\n                enumerable: false\n              })\n              return function () {\n                return exportModule\n              }\n            },\n            shareConfig: {\n              singleton: " + shareItem.shareConfig.singleton + ",\n              requiredVersion: " + JSON.stringify(shareItem.shareConfig.requiredVersion) + ",\n              " + (shareItem.shareConfig["import"] === false ? 'import: false,' : '') + "\n            }\n          }\n        ";
   }).filter(function (x) {
     return x !== null;
   }).join(',') + "\n    }\n      const usedRemotes = [" + Object.keys(getUsedRemotesMap()).map(function (key) {
@@ -733,7 +763,7 @@ function generateRemoteEntry(options) {
 var HOST_AUTO_INIT_TAG = '__H_A_I__';
 var hostAutoInitModule = new VirtualModule('hostAutoInit', HOST_AUTO_INIT_TAG);
 function writeHostAutoInit() {
-  hostAutoInitModule.writeSync("\n    const remoteEntryPromise = import(\"" + REMOTE_ENTRY_ID + "\")\n    // __tla only serves as a hack for vite-plugin-top-level-await. \n    Promise.resolve(remoteEntryPromise)\n      .then(remoteEntry => {\n        return Promise.resolve(remoteEntry.__tla)\n          .then(remoteEntry.init).catch(remoteEntry.init)\n      })\n    ");
+  hostAutoInitModule.writeSync("\n    const remoteEntryPromise = import(\"" + REMOTE_ENTRY_ID + "\")\n    // __tla only serves as a hack for vite-plugin-top-level-await.\n    Promise.resolve(remoteEntryPromise)\n      .then(remoteEntry => {\n        return Promise.resolve(remoteEntry.__tla)\n          .then(remoteEntry.init).catch(remoteEntry.init)\n      })\n    ");
 }
 function getHostAutoInitImportId() {
   return hostAutoInitModule.getImportId();
@@ -1058,7 +1088,7 @@ var Manifest = function Manifest() {
           }
         }
         // Second pass: Collect all CSS assets
-        var allCssAssets = collectCssAssets(bundle);
+        var allCssAssets = mfOptions.bundleAllCSS ? collectCssAssets(bundle) : new Set();
         var exposesModules = Object.keys(mfOptions.exposes).map(function (item) {
           return mfOptions.exposes[item]["import"];
         });
@@ -1086,8 +1116,10 @@ var Manifest = function Manifest() {
           processModuleAssets(bundle, filesMap, function (modulePath) {
             return fileToShareKey.get(modulePath);
           });
-          // Add all CSS assets to every export
-          addCssAssetsToAllExports(filesMap, allCssAssets);
+          // Add all CSS assets to every export if bundleAllCSS is enabled
+          if (mfOptions.bundleAllCSS) {
+            addCssAssetsToAllExports(filesMap, allCssAssets);
+          }
           // Final deduplication of all assets
           filesMap = deduplicateAssets(filesMap);
           _this.emitFile({
@@ -1286,15 +1318,15 @@ function pluginProxyRemoteEntry () {
       }
     },
     transform: function transform(code, id) {
-      try {
-        if (!filter(id)) return Promise.resolve();
+      var transformedCode = function () {
+        if (!filter(id)) return;
         if (id.includes(REMOTE_ENTRY_ID)) {
-          return Promise.resolve(parsePromise.then(function (_) {
+          return parsePromise.then(function (_) {
             return generateRemoteEntry(getNormalizeModuleFederationOptions());
-          }));
+          });
         }
         if (id === VIRTUAL_EXPOSES) {
-          return Promise.resolve(generateExposes());
+          return generateExposes();
         }
         if (id.includes(getHostAutoInitPath())) {
           var options = getNormalizeModuleFederationOptions();
@@ -1302,14 +1334,12 @@ function pluginProxyRemoteEntry () {
             var _viteConfig$server, _viteConfig$server2;
             var host = typeof ((_viteConfig$server = viteConfig.server) == null ? void 0 : _viteConfig$server.host) === 'string' && viteConfig.server.host !== '0.0.0.0' ? viteConfig.server.host : 'localhost';
             var publicPath = JSON.stringify(resolvePublicPath(options, viteConfig.base) + options.filename);
-            return Promise.resolve("\n          const origin = (window && " + !options.ignoreOrigin + ") ? window.origin : \"//" + host + ":" + ((_viteConfig$server2 = viteConfig.server) == null ? void 0 : _viteConfig$server2.port) + "\"\n          const remoteEntryPromise = await import(origin + " + publicPath + ")\n          // __tla only serves as a hack for vite-plugin-top-level-await.\n          Promise.resolve(remoteEntryPromise)\n          .then(remoteEntry => {\n            return Promise.resolve(remoteEntry.__tla)\n              .then(remoteEntry.init).catch(remoteEntry.init)\n          })\n          ");
+            return "\n          const origin = (window && " + !options.ignoreOrigin + ") ? window.origin : \"//" + host + ":" + ((_viteConfig$server2 = viteConfig.server) == null ? void 0 : _viteConfig$server2.port) + "\"\n          const remoteEntryPromise = await import(origin + " + publicPath + ")\n          // __tla only serves as a hack for vite-plugin-top-level-await.\n          Promise.resolve(remoteEntryPromise)\n          .then(remoteEntry => {\n            return Promise.resolve(remoteEntry.__tla)\n              .then(remoteEntry.init).catch(remoteEntry.init)\n          })\n          ";
           }
-          return Promise.resolve(code);
+          return code;
         }
-        return Promise.resolve();
-      } catch (e) {
-        return Promise.reject(e);
-      }
+      }();
+      return mapCodeToCodeWithSourcemap(transformedCode);
     }
   };
 }
@@ -1388,11 +1418,11 @@ function proxySharedModule(options) {
         });
       }
     },
-    transform: function transform(code, id) {
+    transform: function transform(_, id) {
       if (id.includes(getLocalSharedImportMapPath())) {
-        return parsePromise.then(function (_) {
+        return mapCodeToCodeWithSourcemap(parsePromise.then(function (_) {
           return generateLocalSharedImportMap();
-        });
+        }));
       }
     }
   }, {
@@ -1426,7 +1456,8 @@ function proxySharedModule(options) {
         return command === 'build' ? {
           find: new RegExp("(.*" + PREBUILD_TAG + ".*)"),
           replacement: function replacement($1) {
-            var pkgName = VirtualModule.findModule(PREBUILD_TAG, $1).name;
+            var module = assertModuleFound(PREBUILD_TAG, $1);
+            var pkgName = module.name;
             return pkgName;
           }
         } : {
@@ -1435,7 +1466,8 @@ function proxySharedModule(options) {
           customResolver: function customResolver(source, importer) {
             try {
               var _this = this;
-              var pkgName = VirtualModule.findModule(PREBUILD_TAG, source).name;
+              var module = assertModuleFound(PREBUILD_TAG, source);
+              var pkgName = module.name;
               return Promise.resolve(_this.resolve(pkgName, importer).then(function (item) {
                 return item.id;
               })).then(function (result) {
@@ -1497,7 +1529,8 @@ function federation(mfUserOptions) {
   var options = normalizeModuleFederationOptions(mfUserOptions);
   var name = options.name,
     shared = options.shared,
-    filename = options.filename;
+    filename = options.filename,
+    hostInitInjectLocation = options.hostInitInjectLocation;
   if (!name) throw new Error('name is required');
   return [{
     name: 'vite:module-federation-config',
@@ -1516,7 +1549,7 @@ function federation(mfUserOptions) {
   }), addEntry({
     entryName: 'hostInit',
     entryPath: getHostAutoInitPath(),
-    inject: 'html'
+    inject: hostInitInjectLocation
   }), addEntry({
     entryName: 'virtualExposes',
     entryPath: VIRTUAL_EXPOSES

package/lib/index.modern.js

@@ -3,9 +3,23 @@ import * as fs from 'fs';
 import { mkdirSync, writeFileSync, existsSync, writeFile } from 'fs';
 import * as path from 'pathe';
 import path__default, { resolve, basename, parse, join, dirname } from 'pathe';
+import MagicString from 'magic-string';
 import { createFilter } from '@rollup/pluginutils';
 import { walk } from 'estree-walker';
-import MagicString from 'magic-string';
+
+async function mapCodeToCodeWithSourcemap(code) {
+  const resolvedCode = await code;
+  if (resolvedCode === undefined) {
+    return;
+  }
+  const s = new MagicString(resolvedCode);
+  return {
+    code: s.toString(),
+    map: s.generateMap({
+      hires: true
+    })
+  };
+}
 
 function getFirstHtmlEntryFile(entryFiles) {
   return entryFiles.find(file => file.endsWith('.html'));
@@ -127,7 +141,7 @@ const addEntry = ({
         const injection = `
           import ${JSON.stringify(entryPath)};
           `;
-        return injection + code;
+        return mapCodeToCodeWithSourcemap(injection + code);
       }
     }
   }];
@@ -332,6 +346,7 @@ function normalizeShareItem(key, shareItem) {
       scope: 'default',
       from: '',
       shareConfig: {
+        import: undefined,
         singleton: false,
         requiredVersion: version ? `^${version}` : '*'
       }
@@ -343,6 +358,7 @@ function normalizeShareItem(key, shareItem) {
     version: shareItem.version || version,
     scope: shareItem.shareScope || 'default',
     shareConfig: {
+      import: typeof shareItem === 'object' ? shareItem.import : undefined,
       singleton: shareItem.singleton || false,
       requiredVersion: shareItem.requiredVersion || (version ? `^${version}` : '*'),
       strictVersion: !!shareItem.strictVersion
@@ -414,7 +430,9 @@ function normalizeModuleFederationOptions(options) {
     publicPath: options.publicPath,
     shareStrategy: options.shareStrategy || 'version-first',
     ignoreOrigin: options.ignoreOrigin || false,
-    virtualModuleDir: options.virtualModuleDir || '__mf__virtual'
+    virtualModuleDir: options.virtualModuleDir || '__mf__virtual',
+    hostInitInjectLocation: options.hostInitInjectLocation || 'html',
+    bundleAllCSS: options.bundleAllCSS || false
   };
 }
 
@@ -500,6 +518,13 @@ const cacheMap = {};
 /**
  * Physically generate files as virtual modules under node_modules/__mf__virtual/*
  */
+function assertModuleFound(tag, str = '') {
+  const module = VirtualModule.findModule(tag, str);
+  if (!module) {
+    throw new Error(`Module Federation shared module '${str}' not found. Please ensure it's installed as a dependency in your package.json.`);
+  }
+  return module;
+}
 class VirtualModule {
   /**
    * Set the root path for finding node_modules
@@ -663,7 +688,7 @@ function getLoadShareModulePath(pkg) {
 }
 function writeLoadShareModule(pkg, shareItem, command) {
   loadShareCacheMap[pkg].writeSync(`
-    
+
     ;() => import(${JSON.stringify(getPreBuildLibImportId(pkg))}).catch(() => {});
     // dev uses dynamic import to separate chunks
     ${command !== 'build' ? `;() => import(${JSON.stringify(pkg)}).catch(() => {});` : ''}
@@ -705,13 +730,17 @@ function writeLocalSharedImportMap() {
 function generateLocalSharedImportMap() {
   const options = getNormalizeModuleFederationOptions();
   return `
+    import {loadShare} from "@module-federation/runtime";
     const importMap = {
-      ${Array.from(getUsedShares()).sort().map(pkg => `
+      ${Array.from(getUsedShares()).sort().map(pkg => {
+    const shareItem = getNormalizeShareItem(pkg);
+    return `
         ${JSON.stringify(pkg)}: async () => {
-          let pkg = await import("${getPreBuildLibImportId(pkg)}")
-          return pkg
+          ${(shareItem == null ? void 0 : shareItem.shareConfig.import) === false ? `throw new Error(\`Shared module '\${${JSON.stringify(pkg)}}' must be provided by host\`);` : `let pkg = await import("${getPreBuildLibImportId(pkg)}");
+            return pkg;`}
         }
-      `).join(',')}
+      `;
+  }).join(',')}
     }
       const usedShared = {
       ${Array.from(getUsedShares()).sort().map(key => {
@@ -725,8 +754,11 @@ function generateLocalSharedImportMap() {
             loaded: false,
             from: ${JSON.stringify(options.name)},
             async get () {
+              if (${shareItem.shareConfig.import === false}) {
+                throw new Error(\`Shared module '\${${JSON.stringify(key)}}' must be provided by host\`);
+              }
               usedShared[${JSON.stringify(key)}].loaded = true
-              const {${JSON.stringify(key)}: pkgDynamicImport} = importMap 
+              const {${JSON.stringify(key)}: pkgDynamicImport} = importMap
               const res = await pkgDynamicImport()
               const exportModule = {...res}
               // All npm packages pre-built by vite will be converted to esm
@@ -740,7 +772,8 @@ function generateLocalSharedImportMap() {
             },
             shareConfig: {
               singleton: ${shareItem.shareConfig.singleton},
-              requiredVersion: ${JSON.stringify(shareItem.shareConfig.requiredVersion)}
+              requiredVersion: ${JSON.stringify(shareItem.shareConfig.requiredVersion)},
+              ${shareItem.shareConfig.import === false ? 'import: false,' : ''}
             }
           }
         `;
@@ -828,7 +861,7 @@ const hostAutoInitModule = new VirtualModule('hostAutoInit', HOST_AUTO_INIT_TAG)
 function writeHostAutoInit() {
   hostAutoInitModule.writeSync(`
     const remoteEntryPromise = import("${REMOTE_ENTRY_ID}")
-    // __tla only serves as a hack for vite-plugin-top-level-await. 
+    // __tla only serves as a hack for vite-plugin-top-level-await.
     Promise.resolve(remoteEntryPromise)
       .then(remoteEntry => {
         return Promise.resolve(remoteEntry.__tla)
@@ -1132,7 +1165,7 @@ const Manifest = () => {
         }
       }
       // Second pass: Collect all CSS assets
-      const allCssAssets = collectCssAssets(bundle);
+      const allCssAssets = mfOptions.bundleAllCSS ? collectCssAssets(bundle) : new Set();
       const exposesModules = Object.keys(mfOptions.exposes).map(item => mfOptions.exposes[item].import);
       // Process exposed modules
       processModuleAssets(bundle, filesMap, modulePath => {
@@ -1156,8 +1189,10 @@ const Manifest = () => {
       // Process shared modules
       const fileToShareKey = await buildFileToShareKeyMap(getUsedShares(), this.resolve.bind(this));
       processModuleAssets(bundle, filesMap, modulePath => fileToShareKey.get(modulePath));
-      // Add all CSS assets to every export
-      addCssAssetsToAllExports(filesMap, allCssAssets);
+      // Add all CSS assets to every export if bundleAllCSS is enabled
+      if (mfOptions.bundleAllCSS) {
+        addCssAssetsToAllExports(filesMap, allCssAssets);
+      }
       // Final deduplication of all assets
       filesMap = deduplicateAssets(filesMap);
       this.emitFile({
@@ -1344,21 +1379,22 @@ function pluginProxyRemoteEntry () {
         return id;
       }
     },
-    async transform(code, id) {
-      if (!filter(id)) return;
-      if (id.includes(REMOTE_ENTRY_ID)) {
-        return parsePromise.then(_ => generateRemoteEntry(getNormalizeModuleFederationOptions()));
-      }
-      if (id === VIRTUAL_EXPOSES) {
-        return generateExposes();
-      }
-      if (id.includes(getHostAutoInitPath())) {
-        const options = getNormalizeModuleFederationOptions();
-        if (_command === 'serve') {
-          var _viteConfig$server, _viteConfig$server2;
-          const host = typeof ((_viteConfig$server = viteConfig.server) == null ? void 0 : _viteConfig$server.host) === 'string' && viteConfig.server.host !== '0.0.0.0' ? viteConfig.server.host : 'localhost';
-          const publicPath = JSON.stringify(resolvePublicPath(options, viteConfig.base) + options.filename);
-          return `
+    transform(code, id) {
+      const transformedCode = (() => {
+        if (!filter(id)) return;
+        if (id.includes(REMOTE_ENTRY_ID)) {
+          return parsePromise.then(_ => generateRemoteEntry(getNormalizeModuleFederationOptions()));
+        }
+        if (id === VIRTUAL_EXPOSES) {
+          return generateExposes();
+        }
+        if (id.includes(getHostAutoInitPath())) {
+          const options = getNormalizeModuleFederationOptions();
+          if (_command === 'serve') {
+            var _viteConfig$server, _viteConfig$server2;
+            const host = typeof ((_viteConfig$server = viteConfig.server) == null ? void 0 : _viteConfig$server.host) === 'string' && viteConfig.server.host !== '0.0.0.0' ? viteConfig.server.host : 'localhost';
+            const publicPath = JSON.stringify(resolvePublicPath(options, viteConfig.base) + options.filename);
+            return `
           const origin = (window && ${!options.ignoreOrigin}) ? window.origin : "//${host}:${(_viteConfig$server2 = viteConfig.server) == null ? void 0 : _viteConfig$server2.port}"
           const remoteEntryPromise = await import(origin + ${publicPath})
           // __tla only serves as a hack for vite-plugin-top-level-await.
@@ -1368,9 +1404,11 @@ function pluginProxyRemoteEntry () {
               .then(remoteEntry.init).catch(remoteEntry.init)
           })
           `;
+          }
+          return code;
         }
-        return code;
-      }
+      })();
+      return mapCodeToCodeWithSourcemap(transformedCode);
     }
   };
 }
@@ -1450,9 +1488,9 @@ function proxySharedModule(options) {
         return parsePromise.then(_ => generateLocalSharedImportMap());
       }
     },
-    transform(code, id) {
+    transform(_, id) {
       if (id.includes(getLocalSharedImportMapPath())) {
-        return parsePromise.then(_ => generateLocalSharedImportMap());
+        return mapCodeToCodeWithSourcemap(parsePromise.then(_ => generateLocalSharedImportMap()));
       }
     }
   }, {
@@ -1486,14 +1524,16 @@ function proxySharedModule(options) {
         return command === 'build' ? {
           find: new RegExp(`(.*${PREBUILD_TAG}.*)`),
           replacement: function ($1) {
-            const pkgName = VirtualModule.findModule(PREBUILD_TAG, $1).name;
+            const module = assertModuleFound(PREBUILD_TAG, $1);
+            const pkgName = module.name;
             return pkgName;
           }
         } : {
           find: new RegExp(`(.*${PREBUILD_TAG}.*)`),
           replacement: '$1',
           async customResolver(source, importer) {
-            const pkgName = VirtualModule.findModule(PREBUILD_TAG, source).name;
+            const module = assertModuleFound(PREBUILD_TAG, source);
+            const pkgName = module.name;
             const result = await this.resolve(pkgName, importer).then(item => item.id);
             if (!result.includes(_config.cacheDir)) {
               // save pre-bunding module id
@@ -1552,7 +1592,8 @@ function federation(mfUserOptions) {
     name,
     remotes,
     shared,
-    filename
+    filename,
+    hostInitInjectLocation
   } = options;
   if (!name) throw new Error('name is required');
   return [{
@@ -1572,7 +1613,7 @@ function federation(mfUserOptions) {
   }), ...addEntry({
     entryName: 'hostInit',
     entryPath: getHostAutoInitPath(),
-    inject: 'html'
+    inject: hostInitInjectLocation
   }), ...addEntry({
     entryName: 'virtualExposes',
     entryPath: VIRTUAL_EXPOSES

package/lib/index.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('defu'), require('fs'), require('pathe'), require('@rollup/pluginutils'), require('estree-walker'), require('magic-string')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'defu', 'fs', 'pathe', '@rollup/pluginutils', 'estree-walker', 'magic-string'], factory) :
-  (global = global || self, factory(global.vite = {}, global.defu, global.fs, global.pathe, global.pluginutils, global.estreeWalker, global.magicString));
-})(this, (function (exports, defu, fs, path, pluginutils, estreeWalker, MagicString) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('defu'), require('fs'), require('pathe'), require('magic-string'), require('@rollup/pluginutils'), require('estree-walker')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'defu', 'fs', 'pathe', 'magic-string', '@rollup/pluginutils', 'estree-walker'], factory) :
+  (global = global || self, factory(global.vite = {}, global.defu, global.fs, global.pathe, global.magicString, global.pluginutils, global.estreeWalker));
+})(this, (function (exports, defu, fs, path, MagicString, pluginutils, estreeWalker) {
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
   function _interopNamespace(e) {
@@ -29,6 +29,21 @@
   var path__default = /*#__PURE__*/_interopDefaultLegacy(path);
   var MagicString__default = /*#__PURE__*/_interopDefaultLegacy(MagicString);
 
+  var mapCodeToCodeWithSourcemap = function mapCodeToCodeWithSourcemap(code) {
+    return Promise.resolve(code).then(function (resolvedCode) {
+      if (resolvedCode === undefined) {
+        return;
+      }
+      var s = new MagicString__default["default"](resolvedCode);
+      return {
+        code: s.toString(),
+        map: s.generateMap({
+          hires: true
+        })
+      };
+    });
+  };
+
   function getFirstHtmlEntryFile(entryFiles) {
     return entryFiles.find(function (file) {
       return file.endsWith('.html');
@@ -148,7 +163,7 @@
           return id.endsWith(file);
         })) {
           var injection = "\n          import " + JSON.stringify(entryPath) + ";\n          ";
-          return injection + code;
+          return mapCodeToCodeWithSourcemap(injection + code);
         }
       }
     }];
@@ -381,6 +396,7 @@
         scope: 'default',
         from: '',
         shareConfig: {
+          "import": undefined,
           singleton: false,
           requiredVersion: version ? "^" + version : '*'
         }
@@ -392,6 +408,7 @@
       version: shareItem.version || version,
       scope: shareItem.shareScope || 'default',
       shareConfig: {
+        "import": typeof shareItem === 'object' ? shareItem["import"] : undefined,
         singleton: shareItem.singleton || false,
         requiredVersion: shareItem.requiredVersion || (version ? "^" + version : '*'),
         strictVersion: !!shareItem.strictVersion
@@ -466,7 +483,9 @@
       publicPath: options.publicPath,
       shareStrategy: options.shareStrategy || 'version-first',
       ignoreOrigin: options.ignoreOrigin || false,
-      virtualModuleDir: options.virtualModuleDir || '__mf__virtual'
+      virtualModuleDir: options.virtualModuleDir || '__mf__virtual',
+      hostInitInjectLocation: options.hostInitInjectLocation || 'html',
+      bundleAllCSS: options.bundleAllCSS || false
     };
   }
 
@@ -554,6 +573,16 @@
   /**
    * Physically generate files as virtual modules under node_modules/__mf__virtual/*
    */
+  function assertModuleFound(tag, str) {
+    if (str === void 0) {
+      str = '';
+    }
+    var module = VirtualModule.findModule(tag, str);
+    if (!module) {
+      throw new Error("Module Federation shared module '" + str + "' not found. Please ensure it's installed as a dependency in your package.json.");
+    }
+    return module;
+  }
   var VirtualModule = /*#__PURE__*/function () {
     function VirtualModule(name, tag, suffix) {
       if (tag === void 0) {
@@ -693,7 +722,7 @@
     return filepath;
   }
   function writeLoadShareModule(pkg, shareItem, command) {
-    loadShareCacheMap[pkg].writeSync("\n    \n    ;() => import(" + JSON.stringify(getPreBuildLibImportId(pkg)) + ").catch(() => {});\n    // dev uses dynamic import to separate chunks\n    " + (command !== 'build' ? ";() => import(" + JSON.stringify(pkg) + ").catch(() => {});" : '') + "\n    const {loadShare} = require(\"@module-federation/runtime\")\n    const {initPromise} = require(\"" + virtualRuntimeInitStatus.getImportId() + "\")\n    const res = initPromise.then(_ => loadShare(" + JSON.stringify(pkg) + ", {\n    customShareInfo: {shareConfig:{\n      singleton: " + shareItem.shareConfig.singleton + ",\n      strictVersion: " + shareItem.shareConfig.strictVersion + ",\n      requiredVersion: " + JSON.stringify(shareItem.shareConfig.requiredVersion) + "\n    }}}))\n    const exportModule = " + (command !== 'build' ? '/*mf top-level-await placeholder replacement mf*/' : 'await ') + "res.then(factory => factory())\n    module.exports = exportModule\n  ");
+    loadShareCacheMap[pkg].writeSync("\n\n    ;() => import(" + JSON.stringify(getPreBuildLibImportId(pkg)) + ").catch(() => {});\n    // dev uses dynamic import to separate chunks\n    " + (command !== 'build' ? ";() => import(" + JSON.stringify(pkg) + ").catch(() => {});" : '') + "\n    const {loadShare} = require(\"@module-federation/runtime\")\n    const {initPromise} = require(\"" + virtualRuntimeInitStatus.getImportId() + "\")\n    const res = initPromise.then(_ => loadShare(" + JSON.stringify(pkg) + ", {\n    customShareInfo: {shareConfig:{\n      singleton: " + shareItem.shareConfig.singleton + ",\n      strictVersion: " + shareItem.shareConfig.strictVersion + ",\n      requiredVersion: " + JSON.stringify(shareItem.shareConfig.requiredVersion) + "\n    }}}))\n    const exportModule = " + (command !== 'build' ? '/*mf top-level-await placeholder replacement mf*/' : 'await ') + "res.then(factory => factory())\n    module.exports = exportModule\n  ");
   }
 
   var usedShares = new Set();
@@ -720,12 +749,13 @@
   }
   function generateLocalSharedImportMap() {
     var options = getNormalizeModuleFederationOptions();
-    return "\n    const importMap = {\n      " + Array.from(getUsedShares()).sort().map(function (pkg) {
-      return "\n        " + JSON.stringify(pkg) + ": async () => {\n          let pkg = await import(\"" + getPreBuildLibImportId(pkg) + "\")\n          return pkg\n        }\n      ";
+    return "\n    import {loadShare} from \"@module-federation/runtime\";\n    const importMap = {\n      " + Array.from(getUsedShares()).sort().map(function (pkg) {
+      var shareItem = getNormalizeShareItem(pkg);
+      return "\n        " + JSON.stringify(pkg) + ": async () => {\n          " + ((shareItem == null ? void 0 : shareItem.shareConfig["import"]) === false ? "throw new Error(`Shared module '${" + JSON.stringify(pkg) + "}' must be provided by host`);" : "let pkg = await import(\"" + getPreBuildLibImportId(pkg) + "\");\n            return pkg;") + "\n        }\n      ";
     }).join(',') + "\n    }\n      const usedShared = {\n      " + Array.from(getUsedShares()).sort().map(function (key) {
       var shareItem = getNormalizeShareItem(key);
       if (!shareItem) return null;
-      return "\n          " + JSON.stringify(key) + ": {\n            name: " + JSON.stringify(key) + ",\n            version: " + JSON.stringify(shareItem.version) + ",\n            scope: [" + JSON.stringify(shareItem.scope) + "],\n            loaded: false,\n            from: " + JSON.stringify(options.name) + ",\n            async get () {\n              usedShared[" + JSON.stringify(key) + "].loaded = true\n              const {" + JSON.stringify(key) + ": pkgDynamicImport} = importMap \n              const res = await pkgDynamicImport()\n              const exportModule = {...res}\n              // All npm packages pre-built by vite will be converted to esm\n              Object.defineProperty(exportModule, \"__esModule\", {\n                value: true,\n                enumerable: false\n              })\n              return function () {\n                return exportModule\n              }\n            },\n            shareConfig: {\n              singleton: " + shareItem.shareConfig.singleton + ",\n              requiredVersion: " + JSON.stringify(shareItem.shareConfig.requiredVersion) + "\n            }\n          }\n        ";
+      return "\n          " + JSON.stringify(key) + ": {\n            name: " + JSON.stringify(key) + ",\n            version: " + JSON.stringify(shareItem.version) + ",\n            scope: [" + JSON.stringify(shareItem.scope) + "],\n            loaded: false,\n            from: " + JSON.stringify(options.name) + ",\n            async get () {\n              if (" + (shareItem.shareConfig["import"] === false) + ") {\n                throw new Error(`Shared module '${" + JSON.stringify(key) + "}' must be provided by host`);\n              }\n              usedShared[" + JSON.stringify(key) + "].loaded = true\n              const {" + JSON.stringify(key) + ": pkgDynamicImport} = importMap\n              const res = await pkgDynamicImport()\n              const exportModule = {...res}\n              // All npm packages pre-built by vite will be converted to esm\n              Object.defineProperty(exportModule, \"__esModule\", {\n                value: true,\n                enumerable: false\n              })\n              return function () {\n                return exportModule\n              }\n            },\n            shareConfig: {\n              singleton: " + shareItem.shareConfig.singleton + ",\n              requiredVersion: " + JSON.stringify(shareItem.shareConfig.requiredVersion) + ",\n              " + (shareItem.shareConfig["import"] === false ? 'import: false,' : '') + "\n            }\n          }\n        ";
     }).filter(function (x) {
       return x !== null;
     }).join(',') + "\n    }\n      const usedRemotes = [" + Object.keys(getUsedRemotesMap()).map(function (key) {
@@ -755,7 +785,7 @@
   var HOST_AUTO_INIT_TAG = '__H_A_I__';
   var hostAutoInitModule = new VirtualModule('hostAutoInit', HOST_AUTO_INIT_TAG);
   function writeHostAutoInit() {
-    hostAutoInitModule.writeSync("\n    const remoteEntryPromise = import(\"" + REMOTE_ENTRY_ID + "\")\n    // __tla only serves as a hack for vite-plugin-top-level-await. \n    Promise.resolve(remoteEntryPromise)\n      .then(remoteEntry => {\n        return Promise.resolve(remoteEntry.__tla)\n          .then(remoteEntry.init).catch(remoteEntry.init)\n      })\n    ");
+    hostAutoInitModule.writeSync("\n    const remoteEntryPromise = import(\"" + REMOTE_ENTRY_ID + "\")\n    // __tla only serves as a hack for vite-plugin-top-level-await.\n    Promise.resolve(remoteEntryPromise)\n      .then(remoteEntry => {\n        return Promise.resolve(remoteEntry.__tla)\n          .then(remoteEntry.init).catch(remoteEntry.init)\n      })\n    ");
   }
   function getHostAutoInitImportId() {
     return hostAutoInitModule.getImportId();
@@ -1080,7 +1110,7 @@
             }
           }
           // Second pass: Collect all CSS assets
-          var allCssAssets = collectCssAssets(bundle);
+          var allCssAssets = mfOptions.bundleAllCSS ? collectCssAssets(bundle) : new Set();
           var exposesModules = Object.keys(mfOptions.exposes).map(function (item) {
             return mfOptions.exposes[item]["import"];
           });
@@ -1108,8 +1138,10 @@
             processModuleAssets(bundle, filesMap, function (modulePath) {
               return fileToShareKey.get(modulePath);
             });
-            // Add all CSS assets to every export
-            addCssAssetsToAllExports(filesMap, allCssAssets);
+            // Add all CSS assets to every export if bundleAllCSS is enabled
+            if (mfOptions.bundleAllCSS) {
+              addCssAssetsToAllExports(filesMap, allCssAssets);
+            }
             // Final deduplication of all assets
             filesMap = deduplicateAssets(filesMap);
             _this.emitFile({
@@ -1308,15 +1340,15 @@
         }
       },
       transform: function transform(code, id) {
-        try {
-          if (!filter(id)) return Promise.resolve();
+        var transformedCode = function () {
+          if (!filter(id)) return;
           if (id.includes(REMOTE_ENTRY_ID)) {
-            return Promise.resolve(parsePromise.then(function (_) {
+            return parsePromise.then(function (_) {
               return generateRemoteEntry(getNormalizeModuleFederationOptions());
-            }));
+            });
           }
           if (id === VIRTUAL_EXPOSES) {
-            return Promise.resolve(generateExposes());
+            return generateExposes();
           }
           if (id.includes(getHostAutoInitPath())) {
             var options = getNormalizeModuleFederationOptions();
@@ -1324,14 +1356,12 @@
               var _viteConfig$server, _viteConfig$server2;
               var host = typeof ((_viteConfig$server = viteConfig.server) == null ? void 0 : _viteConfig$server.host) === 'string' && viteConfig.server.host !== '0.0.0.0' ? viteConfig.server.host : 'localhost';
               var publicPath = JSON.stringify(resolvePublicPath(options, viteConfig.base) + options.filename);
-              return Promise.resolve("\n          const origin = (window && " + !options.ignoreOrigin + ") ? window.origin : \"//" + host + ":" + ((_viteConfig$server2 = viteConfig.server) == null ? void 0 : _viteConfig$server2.port) + "\"\n          const remoteEntryPromise = await import(origin + " + publicPath + ")\n          // __tla only serves as a hack for vite-plugin-top-level-await.\n          Promise.resolve(remoteEntryPromise)\n          .then(remoteEntry => {\n            return Promise.resolve(remoteEntry.__tla)\n              .then(remoteEntry.init).catch(remoteEntry.init)\n          })\n          ");
+              return "\n          const origin = (window && " + !options.ignoreOrigin + ") ? window.origin : \"//" + host + ":" + ((_viteConfig$server2 = viteConfig.server) == null ? void 0 : _viteConfig$server2.port) + "\"\n          const remoteEntryPromise = await import(origin + " + publicPath + ")\n          // __tla only serves as a hack for vite-plugin-top-level-await.\n          Promise.resolve(remoteEntryPromise)\n          .then(remoteEntry => {\n            return Promise.resolve(remoteEntry.__tla)\n              .then(remoteEntry.init).catch(remoteEntry.init)\n          })\n          ";
             }
-            return Promise.resolve(code);
+            return code;
           }
-          return Promise.resolve();
-        } catch (e) {
-          return Promise.reject(e);
-        }
+        }();
+        return mapCodeToCodeWithSourcemap(transformedCode);
       }
     };
   }
@@ -1410,11 +1440,11 @@
           });
         }
       },
-      transform: function transform(code, id) {
+      transform: function transform(_, id) {
         if (id.includes(getLocalSharedImportMapPath())) {
-          return parsePromise.then(function (_) {
+          return mapCodeToCodeWithSourcemap(parsePromise.then(function (_) {
             return generateLocalSharedImportMap();
-          });
+          }));
         }
       }
     }, {
@@ -1448,7 +1478,8 @@
           return command === 'build' ? {
             find: new RegExp("(.*" + PREBUILD_TAG + ".*)"),
             replacement: function replacement($1) {
-              var pkgName = VirtualModule.findModule(PREBUILD_TAG, $1).name;
+              var module = assertModuleFound(PREBUILD_TAG, $1);
+              var pkgName = module.name;
               return pkgName;
             }
           } : {
@@ -1457,7 +1488,8 @@
             customResolver: function customResolver(source, importer) {
               try {
                 var _this = this;
-                var pkgName = VirtualModule.findModule(PREBUILD_TAG, source).name;
+                var module = assertModuleFound(PREBUILD_TAG, source);
+                var pkgName = module.name;
                 return Promise.resolve(_this.resolve(pkgName, importer).then(function (item) {
                   return item.id;
                 })).then(function (result) {
@@ -1519,7 +1551,8 @@
     var options = normalizeModuleFederationOptions(mfUserOptions);
     var name = options.name,
       shared = options.shared,
-      filename = options.filename;
+      filename = options.filename,
+      hostInitInjectLocation = options.hostInitInjectLocation;
     if (!name) throw new Error('name is required');
     return [{
       name: 'vite:module-federation-config',
@@ -1538,7 +1571,7 @@
     }), addEntry({
       entryName: 'hostInit',
       entryPath: getHostAutoInitPath(),
-      inject: 'html'
+      inject: hostInitInjectLocation
     }), addEntry({
       entryName: 'virtualExposes',
       entryPath: VIRTUAL_EXPOSES

package/lib/plugins/pluginAddEntry.d.ts

@@ -1,9 +1,10 @@
 import { Plugin } from 'vite';
+import { NormalizedModuleFederationOptions } from '../utils/normalizeModuleFederationOptions';
 interface AddEntryOptions {
     entryName: string;
     entryPath: string;
     fileName?: string;
-    inject?: 'entry' | 'html';
+    inject?: NormalizedModuleFederationOptions['hostInitInjectLocation'];
 }
 declare const addEntry: ({ entryName, entryPath, fileName, inject, }: AddEntryOptions) => Plugin[];
 export default addEntry;

package/lib/utils/VirtualModule.d.ts

@@ -2,6 +2,7 @@ export declare function getSuffix(name: string): string;
 /**
  * Physically generate files as virtual modules under node_modules/__mf__virtual/*
  */
+export declare function assertModuleFound(tag: string, str?: string): VirtualModule;
 export default class VirtualModule {
     name: string;
     tag: string;

package/lib/utils/mapCodeToCodeWithSourcemap.d.ts

@@ -0,0 +1,4 @@
+export declare function mapCodeToCodeWithSourcemap(code?: string | Promise<string>): Promise<{
+    code: string;
+    map: import("magic-string").SourceMap;
+} | undefined>;

package/lib/utils/normalizeModuleFederationOptions.d.ts

@@ -1,4 +1,5 @@
 import { SharedConfig, ShareStrategy } from '@module-federation/runtime/types';
+import type { sharePlugin } from '@module-federation/sdk';
 export type RemoteEntryType = 'var' | 'module' | 'assign' | 'assign-properties' | 'this' | 'window' | 'self' | 'global' | 'commonjs' | 'commonjs2' | 'commonjs-module' | 'commonjs-static' | 'amd' | 'amd-require' | 'umd' | 'umd2' | 'jsonp' | 'system' | string;
 interface ExposesItem {
     import: string;
@@ -19,7 +20,7 @@ export interface ShareItem {
     version: string | undefined;
     scope: string;
     from: string;
-    shareConfig: SharedConfig;
+    shareConfig: SharedConfig & sharePlugin.SharedConfig;
 }
 interface ManifestOptions {
     filePath?: string;
@@ -41,6 +42,12 @@ export type ModuleFederationOptions = {
      * Defaults to Vite's base config or "auto" if base is empty
      */
     publicPath?: string;
+    /**
+     * Controls whether all CSS assets from the bundle should be added to every exposed module.
+     * When false (default), the plugin will not process any CSS assets.
+     * When true, all CSS assets are bundled into every exposed module.
+     */
+    bundleAllCSS?: boolean;
     shared?: string[] | Record<string, string | {
         name?: string;
         version?: string;
@@ -48,6 +55,7 @@ export type ModuleFederationOptions = {
         singleton?: boolean;
         requiredVersion?: string;
         strictVersion?: boolean;
+        import?: sharePlugin.SharedConfig['import'];
     }> | undefined;
     runtimePlugins?: string[];
     getPublicPath?: string;
@@ -58,6 +66,7 @@ export type ModuleFederationOptions = {
     shareStrategy?: ShareStrategy;
     ignoreOrigin?: boolean;
     virtualModuleDir?: string;
+    hostInitInjectLocation?: HostInitInjectLocationOptions;
 };
 export interface NormalizedModuleFederationOptions {
     exposes: Record<string, ExposesItem>;
@@ -78,7 +87,15 @@ export interface NormalizedModuleFederationOptions {
     publicPath?: string;
     ignoreOrigin?: boolean;
     virtualModuleDir: string;
+    hostInitInjectLocation: HostInitInjectLocationOptions;
+    /**
+     * Controls whether all CSS assets from the bundle should be added to every exposed module.
+     * When false (default), the plugin will not process any CSS assets.
+     * When true, all CSS assets are bundled into every exposed module.
+     */
+    bundleAllCSS: boolean;
 }
+type HostInitInjectLocationOptions = 'entry' | 'html';
 interface PluginDevOptions {
     disableLiveReload?: boolean;
     disableHotTypesReload?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/vite",
-  "version": "1.8.0",
+  "version": "1.9.0",
   "description": "Vite plugin for Module Federation",
   "type": "module",
   "source": "src/index.ts",
@@ -9,6 +9,22 @@
   "files": [
     "lib/**/*"
   ],
+  "scripts": {
+    "prepare": "husky install",
+    "fmt": "prettier --write src",
+    "fmt.check": "prettier --check src",
+    "format": "pretty-quick",
+    "dev": "microbundle watch --no-sourcemap --compress=false",
+    "build": "rimraf lib && microbundle --no-sourcemap --compress=false",
+    "dev-rv": "pnpm -filter 'examples-rust-vite*' run dev",
+    "preview-rv": "pnpm -filter 'examples-rust-vite*' run preview",
+    "dev-vv": "pnpm -filter 'examples-vite-vite*' run dev",
+    "dev-nv": "pnpm -filter 'examples-nuxt-vite-host' -filter 'examples-vite-vite-remote' run dev",
+    "preview-vv": "pnpm -filter 'examples-vite-vite*'  run preview",
+    "multi-example": "pnpm --filter \"multi-example-*\" --parallel run start",
+    "test": "vitest",
+    "e2e": "playwright test"
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/module-federation/vite.git"
@@ -28,8 +44,10 @@
     "url": "https://github.com/module-federation/vite/issues"
   },
   "homepage": "https://github.com/module-federation/vite#readme",
+  "packageManager": "pnpm@9.1.3",
   "dependencies": {
-    "@module-federation/runtime": "^0.17.1",
+    "@module-federation/runtime": "^0.18.3",
+    "@module-federation/sdk": "^0.18.3",
     "@rollup/pluginutils": "^5.1.0",
     "defu": "^6.1.4",
     "estree-walker": "^2",
@@ -49,20 +67,5 @@
     "vite": "^5.4.3",
     "vitest": "^2.1.1",
     "wait-on": "^8.0.1"
-  },
-  "scripts": {
-    "fmt": "prettier --write src",
-    "fmt.check": "prettier --check src",
-    "format": "pretty-quick",
-    "dev": "microbundle watch --no-sourcemap --compress=false",
-    "build": "rimraf lib && microbundle --no-sourcemap --compress=false",
-    "dev-rv": "pnpm -filter 'examples-rust-vite*' run dev",
-    "preview-rv": "pnpm -filter 'examples-rust-vite*' run preview",
-    "dev-vv": "pnpm -filter 'examples-vite-vite*' run dev",
-    "dev-nv": "pnpm -filter 'examples-nuxt-vite-host' -filter 'examples-vite-vite-remote' run dev",
-    "preview-vv": "pnpm -filter 'examples-vite-vite*'  run preview",
-    "multi-example": "pnpm --filter \"multi-example-*\" --parallel run start",
-    "test": "vitest",
-    "e2e": "playwright test"
   }
-}
+}