@module-federation/vite 1.8.1 → 1.9.1

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);
       }
     }
   }];
@@ -271,12 +286,6 @@ function _unsupportedIterableToArray(r, a) {
   }
 }
 
-var warn = function warn(message) {
-  return message.split('\n').forEach(function (msg) {
-    return console.warn('\x1b[33m%s\x1b[0m', msg);
-  });
-};
-
 function normalizeExposesItem(key, item) {
   var importPath = '';
   if (typeof item === 'string') {
@@ -383,6 +392,7 @@ function normalizeShareItem(key, shareItem) {
       scope: 'default',
       from: '',
       shareConfig: {
+        "import": undefined,
         singleton: false,
         requiredVersion: version ? "^" + version : '*'
       }
@@ -394,6 +404,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
@@ -443,9 +454,6 @@ function getNormalizeShareItem(key) {
   return shareItem;
 }
 function normalizeModuleFederationOptions(options) {
-  if (options.getPublicPath) {
-    warn("We are ignoring the getPublicPath options because they are natively supported by Vite\nwith the \"experimental.renderBuiltUrl\" configuration https://vitejs.dev/guide/build#advanced-base-options");
-  }
   if (options.virtualModuleDir && options.virtualModuleDir.includes('/')) {
     throw new Error("Invalid virtualModuleDir: \"" + options.virtualModuleDir + "\". " + "The virtualModuleDir option cannot contain slashes (/). " + "Please use a single directory name like '__mf__virtual__your_app_name'.");
   }
@@ -468,7 +476,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
   };
 }
 
@@ -732,12 +742,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) {
@@ -767,7 +778,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();
@@ -1092,7 +1103,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"];
         });
@@ -1120,8 +1131,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({
@@ -1320,15 +1333,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();
@@ -1336,14 +1349,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);
     }
   };
 }
@@ -1422,11 +1433,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();
-        });
+        }));
       }
     }
   }, {
@@ -1533,7 +1544,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',
@@ -1552,7 +1564,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);
       }
     }
   }];
@@ -247,12 +262,6 @@ function _unsupportedIterableToArray(r, a) {
   }
 }
 
-var warn = function warn(message) {
-  return message.split('\n').forEach(function (msg) {
-    return console.warn('\x1b[33m%s\x1b[0m', msg);
-  });
-};
-
 function normalizeExposesItem(key, item) {
   var importPath = '';
   if (typeof item === 'string') {
@@ -359,6 +368,7 @@ function normalizeShareItem(key, shareItem) {
       scope: 'default',
       from: '',
       shareConfig: {
+        "import": undefined,
         singleton: false,
         requiredVersion: version ? "^" + version : '*'
       }
@@ -370,6 +380,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
@@ -419,9 +430,6 @@ function getNormalizeShareItem(key) {
   return shareItem;
 }
 function normalizeModuleFederationOptions(options) {
-  if (options.getPublicPath) {
-    warn("We are ignoring the getPublicPath options because they are natively supported by Vite\nwith the \"experimental.renderBuiltUrl\" configuration https://vitejs.dev/guide/build#advanced-base-options");
-  }
   if (options.virtualModuleDir && options.virtualModuleDir.includes('/')) {
     throw new Error("Invalid virtualModuleDir: \"" + options.virtualModuleDir + "\". " + "The virtualModuleDir option cannot contain slashes (/). " + "Please use a single directory name like '__mf__virtual__your_app_name'.");
   }
@@ -444,7 +452,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
   };
 }
 
@@ -708,12 +718,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) {
@@ -743,7 +754,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();
@@ -1068,7 +1079,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"];
         });
@@ -1096,8 +1107,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({
@@ -1296,15 +1309,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();
@@ -1312,14 +1325,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);
     }
   };
 }
@@ -1398,11 +1409,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();
-        });
+        }));
       }
     }
   }, {
@@ -1509,7 +1520,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',
@@ -1528,7 +1540,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);
       }
     }
   }];
@@ -225,8 +239,6 @@ function _extends() {
   }, _extends.apply(null, arguments);
 }
 
-const warn = message => message.split('\n').forEach(msg => console.warn('\x1b[33m%s\x1b[0m', msg));
-
 function normalizeExposesItem(key, item) {
   let importPath = '';
   if (typeof item === 'string') {
@@ -332,6 +344,7 @@ function normalizeShareItem(key, shareItem) {
       scope: 'default',
       from: '',
       shareConfig: {
+        import: undefined,
         singleton: false,
         requiredVersion: version ? `^${version}` : '*'
       }
@@ -343,6 +356,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
@@ -389,9 +403,6 @@ function getNormalizeShareItem(key) {
   return shareItem;
 }
 function normalizeModuleFederationOptions(options) {
-  if (options.getPublicPath) {
-    warn(`We are ignoring the getPublicPath options because they are natively supported by Vite\nwith the "experimental.renderBuiltUrl" configuration https://vitejs.dev/guide/build#advanced-base-options`);
-  }
   if (options.virtualModuleDir && options.virtualModuleDir.includes('/')) {
     throw new Error(`Invalid virtualModuleDir: "${options.virtualModuleDir}". ` + `The virtualModuleDir option cannot contain slashes (/). ` + `Please use a single directory name like '__mf__virtual__your_app_name'.`);
   }
@@ -414,7 +425,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
   };
 }
 
@@ -712,13 +725,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 => {
@@ -732,8 +749,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
@@ -747,7 +767,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,' : ''}
             }
           }
         `;
@@ -835,7 +856,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)
@@ -1139,7 +1160,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 => {
@@ -1163,8 +1184,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({
@@ -1351,21 +1374,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.
@@ -1375,9 +1399,11 @@ function pluginProxyRemoteEntry () {
               .then(remoteEntry.init).catch(remoteEntry.init)
           })
           `;
+          }
+          return code;
         }
-        return code;
-      }
+      })();
+      return mapCodeToCodeWithSourcemap(transformedCode);
     }
   };
 }
@@ -1457,9 +1483,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()));
       }
     }
   }, {
@@ -1561,7 +1587,8 @@ function federation(mfUserOptions) {
     name,
     remotes,
     shared,
-    filename
+    filename,
+    hostInitInjectLocation
   } = options;
   if (!name) throw new Error('name is required');
   return [{
@@ -1581,7 +1608,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);
         }
       }
     }];
@@ -269,12 +284,6 @@
     }
   }
 
-  var warn = function warn(message) {
-    return message.split('\n').forEach(function (msg) {
-      return console.warn('\x1b[33m%s\x1b[0m', msg);
-    });
-  };
-
   function normalizeExposesItem(key, item) {
     var importPath = '';
     if (typeof item === 'string') {
@@ -381,6 +390,7 @@
         scope: 'default',
         from: '',
         shareConfig: {
+          "import": undefined,
           singleton: false,
           requiredVersion: version ? "^" + version : '*'
         }
@@ -392,6 +402,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
@@ -441,9 +452,6 @@
     return shareItem;
   }
   function normalizeModuleFederationOptions(options) {
-    if (options.getPublicPath) {
-      warn("We are ignoring the getPublicPath options because they are natively supported by Vite\nwith the \"experimental.renderBuiltUrl\" configuration https://vitejs.dev/guide/build#advanced-base-options");
-    }
     if (options.virtualModuleDir && options.virtualModuleDir.includes('/')) {
       throw new Error("Invalid virtualModuleDir: \"" + options.virtualModuleDir + "\". " + "The virtualModuleDir option cannot contain slashes (/). " + "Please use a single directory name like '__mf__virtual__your_app_name'.");
     }
@@ -466,7 +474,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
     };
   }
 
@@ -730,12 +740,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) {
@@ -765,7 +776,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();
@@ -1090,7 +1101,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"];
           });
@@ -1118,8 +1129,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({
@@ -1318,15 +1331,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();
@@ -1334,14 +1347,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);
       }
     };
   }
@@ -1420,11 +1431,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();
-          });
+          }));
         }
       }
     }, {
@@ -1531,7 +1542,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',
@@ -1550,7 +1562,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/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.1",
+  "version": "1.9.1",
   "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"
   }
-}
+}

package/lib/utils/logUtils.d.ts

@@ -1 +0,0 @@
-export declare const warn: (message: string) => void;