@module-federation/vite 1.0.0-alpha-1aa30c0 → 1.0.0-alpha-2f53b4e

package/lib/index.cjs

@@ -309,6 +309,13 @@ function removePathFromNpmPackage(packageString) {
   // Return the matched package name or the original string if no match is found
   return match ? match[0] : packageString;
 }
+function getExtFromNpmPackage(packageString) {
+  var pkgName = removePathFromNpmPackage(packageString);
+  var subpath = packageString.replace(pkgName, "");
+  var parts = subpath.split('.');
+  var ext = parts.length > 1 ? "." + parts.pop() : undefined;
+  return ext;
+}
 
 var nodeModulesDir = function findNodeModulesDir(startDir) {
   if (startDir === void 0) {
@@ -337,27 +344,34 @@ fs.writeFileSync(path.resolve(nodeModulesDir, virtualPackageName, "package.json"
  * Physically generate files as virtual modules under node_modules/__mf__virtual/*
  */
 var VirtualModule = /*#__PURE__*/function () {
-  function VirtualModule(name) {
+  function VirtualModule(name, ext) {
+    if (ext === void 0) {
+      ext = ".js";
+    }
     this.originName = void 0;
     this.inited = false;
+    this.ext = void 0;
     this.originName = name;
+    this.ext = ext;
   }
   var _proto = VirtualModule.prototype;
   _proto.getPath = function getPath() {
     return path.resolve(nodeModulesDir, this.getImportId());
   };
   _proto.getImportId = function getImportId() {
-    return virtualPackageName + "/" + packageNameEncode(this.originName);
+    var _getNormalizeModuleFe = getNormalizeModuleFederationOptions(),
+      name = _getNormalizeModuleFe.name;
+    return virtualPackageName + "/" + packageNameEncode(name) + "-" + packageNameEncode(this.originName) + this.ext;
   };
   _proto.writeSync = function writeSync(code, force) {
     if (!force && this.inited) return;
     if (!this.inited) {
       this.inited = true;
     }
-    fs.writeFileSync(this.getPath() + ".js", code);
+    fs.writeFileSync(this.getPath(), code);
   };
   _proto.write = function write(code) {
-    fs.writeFile(this.getPath() + ".js", code, function () {});
+    fs.writeFile(this.getPath(), code, function () {});
   };
   return VirtualModule;
 }();
@@ -434,11 +448,11 @@ var writeLocalSharedImportMap = function writeLocalSharedImportMap() {
 var preBuildCacheMap = {};
 var PREBUILD_TAG = "__prebuild__";
 function writePreBuildLibPath(pkg) {
-  if (!preBuildCacheMap[pkg]) preBuildCacheMap[pkg] = new VirtualModule(PREBUILD_TAG + pkg);
+  if (!preBuildCacheMap[pkg]) preBuildCacheMap[pkg] = new VirtualModule(PREBUILD_TAG + pkg, getExtFromNpmPackage(pkg));
   preBuildCacheMap[pkg].writeSync("");
 }
 function getPreBuildLibImportId(pkg) {
-  if (!preBuildCacheMap[pkg]) preBuildCacheMap[pkg] = new VirtualModule(PREBUILD_TAG + pkg);
+  if (!preBuildCacheMap[pkg]) preBuildCacheMap[pkg] = new VirtualModule(PREBUILD_TAG + pkg, getExtFromNpmPackage(pkg));
   var importId = preBuildCacheMap[pkg].getImportId();
   return importId;
 }
@@ -448,7 +462,6 @@ function addShare(pkg) {
 }
 // *** Expose locally provided shared modules here
 var localSharedImportMapModule = new VirtualModule("localSharedImportMap");
-localSharedImportMapModule.writeSync("");
 function getLocalSharedImportMapPath() {
   if (process.platform === "win32") {
     return getLocalSharedImportMapPath_windows();
@@ -484,17 +497,49 @@ function generateRemoteEntry(options) {
   }).join(', ') + "]\n    });\n    initRes.initShareScopeMap('" + options.shareScope + "', shared);\n    return initRes\n  }\n\n  function getExposes(moduleName) {\n    if (!(moduleName in exposesMap)) throw new Error(`Module ${moduleName} does not exist in container.`)\n    return (exposesMap[moduleName])().then(res => () => res)\n  }\n  export {\n      init,\n      getExposes as get\n  }\n  ";
 }
 var wrapRemoteEntryModule = new VirtualModule("wrapRemoteEntry");
-wrapRemoteEntryModule.writeSync("\nimport {init, get} from \"" + REMOTE_ENTRY_ID + "\"\nexport {init, get}\n");
-var WRAP_REMOTE_ENTRY_QUERY_STR = wrapRemoteEntryModule.getImportId();
-var WRAP_REMOTE_ENTRY_PATH = wrapRemoteEntryModule.getPath();
+function writeWrapRemoteEntry() {
+  wrapRemoteEntryModule.writeSync("\n    import {init, get} from \"" + REMOTE_ENTRY_ID + "\"\n    export {init, get}\n    ");
+}
+function getWrapRemoteEntryImportId() {
+  return wrapRemoteEntryModule.getImportId();
+}
+function getWrapRemoteEntryPath() {
+  return wrapRemoteEntryModule.getPath();
+}
 /**
  * Inject entry file, automatically init when used as host,
  * and will not inject remoteEntry
  */
 var hostAutoInitModule = new VirtualModule("hostAutoInit");
-hostAutoInitModule.writeSync("\n    import {init} from \"" + REMOTE_ENTRY_ID + "\"\n    init()\n    ");
-var HOST_AUTO_INIT_QUERY_STR = hostAutoInitModule.getImportId();
-var HOST_AUTO_INIT_PATH = hostAutoInitModule.getPath();
+function writeHostAutoInit() {
+  hostAutoInitModule.writeSync("\n    import {init} from \"" + REMOTE_ENTRY_ID + "\"\n    init()\n    ");
+}
+function getHostAutoInitImportId() {
+  return hostAutoInitModule.getImportId();
+}
+function getHostAutoInitPath() {
+  return hostAutoInitModule.getPath();
+}
+
+var remoteVirtualModule = new VirtualModule("remoteModule");
+function writeRemote() {
+  remoteVirtualModule.writeSync("");
+}
+function generateRemotes(id, command) {
+  return {
+    code: "\n    import {loadRemote} from \"@module-federation/runtime\"\n    const exportModule = await loadRemote(" + JSON.stringify(id) + ")\n    " + (command === "build" && "\n        export default 'default' in (exportModule || {}) ? exportModule.default : undefined\n        export const __mf__dynamicExports = exportModule\n        " || "") + "\n      " + (command !== "build" && "\n        export default exportModule\n        " || "") + "\n  ",
+    map: null,
+    // TODO: vite dev mode invalid, use optimizeDeps.needsInterop
+    syntheticNamedExports: '__mf__dynamicExports'
+  };
+}
+
+function initVirtualModules() {
+  writeLocalSharedImportMap();
+  writeWrapRemoteEntry();
+  writeHostAutoInit();
+  writeRemote();
+}
 
 var filter$1 = pluginutils.createFilter();
 function pluginProxyRemoteEntry () {
@@ -525,17 +570,6 @@ function pluginProxyRemoteEntry () {
   };
 }
 
-var remoteVirtualModule = new VirtualModule("remoteModule");
-remoteVirtualModule.writeSync("");
-function generateRemotes(id, command) {
-  return {
-    code: "\n    import {loadRemote} from \"@module-federation/runtime\"\n    const exportModule = await loadRemote(" + JSON.stringify(id) + ")\n    " + (command === "build" && "\n        export default 'default' in (exportModule || {}) ? exportModule.default : undefined\n        export const __mf__dynamicExports = exportModule\n        " || "") + "\n      " + (command !== "build" && "\n        export default exportModule\n        " || "") + "\n  ",
-    map: null,
-    // TODO: vite dev mode invalid, use optimizeDeps.needsInterop
-    syntheticNamedExports: '__mf__dynamicExports'
-  };
-}
-
 var filter = pluginutils.createFilter();
 function pluginProxyRemotes (options) {
   var command;
@@ -701,25 +735,29 @@ function proxySharedModule(options) {
       var savePrebuild = new PromiseStore();
       (_config$resolve$alias2 = _config.resolve.alias).push.apply(_config$resolve$alias2, Object.keys(shared).map(function (key) {
         return command === "build" ? {
-          find: new RegExp(virtualPackageName + "/" + PREBUILD_TAG + "(.+)"),
-          replacement: function replacement(_, $1) {
-            return packageNameDecode($1);
+          find: new RegExp("(.*" + PREBUILD_TAG + "(.+))"),
+          replacement: function replacement($1) {
+            $1 = $1.replace(/\.[^.]+$/, "");
+            var pkgName = packageNameDecode($1.split(PREBUILD_TAG)[1]);
+            return packageNameDecode(pkgName);
           }
         } : {
-          find: new RegExp(virtualPackageName + "/" + PREBUILD_TAG + "(.+)"),
+          find: new RegExp("(.*" + PREBUILD_TAG + "(.+))"),
           replacement: "$1",
           customResolver: function customResolver(source, importer) {
             try {
               var _this = this;
+              source = source.replace(/\.[^.]+$/, "");
+              var pkgName = packageNameDecode(source.split(PREBUILD_TAG)[1]);
               if (importer.includes(LOAD_SHARE_TAG)) {
                 // save pre-bunding module id
-                savePrebuild.set(source, _this.resolve(packageNameDecode(source)).then(function (item) {
+                savePrebuild.set(pkgName, _this.resolve(pkgName).then(function (item) {
                   return item.id;
                 }));
               }
               // Fix localSharedImportMap import id
               var _resolve = _this.resolve;
-              return Promise.resolve(savePrebuild.get(source)).then(function (_savePrebuild$get) {
+              return Promise.resolve(savePrebuild.get(pkgName)).then(function (_savePrebuild$get) {
                 return Promise.resolve(_resolve.call(_this, _savePrebuild$get));
               });
             } catch (e) {
@@ -838,6 +876,8 @@ var normalizeOptimizeDepsPlugin = {
       _config.optimizeDeps = {};
       optimizeDeps = _config.optimizeDeps;
     }
+    // todo: fix this workaround
+    optimizeDeps.force = true;
     if (!optimizeDeps.include) optimizeDeps.include = [];
     if (!optimizeDeps.needsInterop) optimizeDeps.needsInterop = [];
   }
@@ -845,19 +885,20 @@ var normalizeOptimizeDepsPlugin = {
 
 function federation(mfUserOptions) {
   var options = normalizeModuleFederationOptions(mfUserOptions);
+  initVirtualModules();
   var name = options.name,
     shared = options.shared,
     filename = options.filename;
   if (!name) throw new Error("name is required");
   return [aliasToArrayPlugin, normalizeOptimizeDepsPlugin].concat(addEntry({
     entryName: 'remoteEntry',
-    entryPath: WRAP_REMOTE_ENTRY_PATH,
+    entryPath: getWrapRemoteEntryPath(),
     fileName: filename
   }), addEntry({
     entryName: 'hostInit',
-    entryPath: HOST_AUTO_INIT_PATH
+    entryPath: getHostAutoInitPath()
   }), [pluginProxyRemoteEntry(), pluginProxyRemotes(options)], pluginModuleParseEnd(function (id) {
-    return id.includes(HOST_AUTO_INIT_QUERY_STR) || id.includes(WRAP_REMOTE_ENTRY_QUERY_STR) || id.includes(REMOTE_ENTRY_ID) || id.includes(getLocalSharedImportMapPath());
+    return id.includes(getHostAutoInitImportId()) || id.includes(getWrapRemoteEntryImportId()) || id.includes(REMOTE_ENTRY_ID) || id.includes(getLocalSharedImportMapPath());
   }), proxySharedModule({
     shared: shared
   }), [{

package/lib/index.esm.js

@@ -286,6 +286,13 @@ function removePathFromNpmPackage(packageString) {
   // Return the matched package name or the original string if no match is found
   return match ? match[0] : packageString;
 }
+function getExtFromNpmPackage(packageString) {
+  var pkgName = removePathFromNpmPackage(packageString);
+  var subpath = packageString.replace(pkgName, "");
+  var parts = subpath.split('.');
+  var ext = parts.length > 1 ? "." + parts.pop() : undefined;
+  return ext;
+}
 
 var nodeModulesDir = function findNodeModulesDir(startDir) {
   if (startDir === void 0) {
@@ -314,27 +321,34 @@ writeFileSync(resolve(nodeModulesDir, virtualPackageName, "package.json"), JSON.
  * Physically generate files as virtual modules under node_modules/__mf__virtual/*
  */
 var VirtualModule = /*#__PURE__*/function () {
-  function VirtualModule(name) {
+  function VirtualModule(name, ext) {
+    if (ext === void 0) {
+      ext = ".js";
+    }
     this.originName = void 0;
     this.inited = false;
+    this.ext = void 0;
     this.originName = name;
+    this.ext = ext;
   }
   var _proto = VirtualModule.prototype;
   _proto.getPath = function getPath() {
     return resolve(nodeModulesDir, this.getImportId());
   };
   _proto.getImportId = function getImportId() {
-    return virtualPackageName + "/" + packageNameEncode(this.originName);
+    var _getNormalizeModuleFe = getNormalizeModuleFederationOptions(),
+      name = _getNormalizeModuleFe.name;
+    return virtualPackageName + "/" + packageNameEncode(name) + "-" + packageNameEncode(this.originName) + this.ext;
   };
   _proto.writeSync = function writeSync(code, force) {
     if (!force && this.inited) return;
     if (!this.inited) {
       this.inited = true;
     }
-    writeFileSync(this.getPath() + ".js", code);
+    writeFileSync(this.getPath(), code);
   };
   _proto.write = function write(code) {
-    writeFile(this.getPath() + ".js", code, function () {});
+    writeFile(this.getPath(), code, function () {});
   };
   return VirtualModule;
 }();
@@ -411,11 +425,11 @@ var writeLocalSharedImportMap = function writeLocalSharedImportMap() {
 var preBuildCacheMap = {};
 var PREBUILD_TAG = "__prebuild__";
 function writePreBuildLibPath(pkg) {
-  if (!preBuildCacheMap[pkg]) preBuildCacheMap[pkg] = new VirtualModule(PREBUILD_TAG + pkg);
+  if (!preBuildCacheMap[pkg]) preBuildCacheMap[pkg] = new VirtualModule(PREBUILD_TAG + pkg, getExtFromNpmPackage(pkg));
   preBuildCacheMap[pkg].writeSync("");
 }
 function getPreBuildLibImportId(pkg) {
-  if (!preBuildCacheMap[pkg]) preBuildCacheMap[pkg] = new VirtualModule(PREBUILD_TAG + pkg);
+  if (!preBuildCacheMap[pkg]) preBuildCacheMap[pkg] = new VirtualModule(PREBUILD_TAG + pkg, getExtFromNpmPackage(pkg));
   var importId = preBuildCacheMap[pkg].getImportId();
   return importId;
 }
@@ -425,7 +439,6 @@ function addShare(pkg) {
 }
 // *** Expose locally provided shared modules here
 var localSharedImportMapModule = new VirtualModule("localSharedImportMap");
-localSharedImportMapModule.writeSync("");
 function getLocalSharedImportMapPath() {
   if (process.platform === "win32") {
     return getLocalSharedImportMapPath_windows();
@@ -461,17 +474,49 @@ function generateRemoteEntry(options) {
   }).join(', ') + "]\n    });\n    initRes.initShareScopeMap('" + options.shareScope + "', shared);\n    return initRes\n  }\n\n  function getExposes(moduleName) {\n    if (!(moduleName in exposesMap)) throw new Error(`Module ${moduleName} does not exist in container.`)\n    return (exposesMap[moduleName])().then(res => () => res)\n  }\n  export {\n      init,\n      getExposes as get\n  }\n  ";
 }
 var wrapRemoteEntryModule = new VirtualModule("wrapRemoteEntry");
-wrapRemoteEntryModule.writeSync("\nimport {init, get} from \"" + REMOTE_ENTRY_ID + "\"\nexport {init, get}\n");
-var WRAP_REMOTE_ENTRY_QUERY_STR = wrapRemoteEntryModule.getImportId();
-var WRAP_REMOTE_ENTRY_PATH = wrapRemoteEntryModule.getPath();
+function writeWrapRemoteEntry() {
+  wrapRemoteEntryModule.writeSync("\n    import {init, get} from \"" + REMOTE_ENTRY_ID + "\"\n    export {init, get}\n    ");
+}
+function getWrapRemoteEntryImportId() {
+  return wrapRemoteEntryModule.getImportId();
+}
+function getWrapRemoteEntryPath() {
+  return wrapRemoteEntryModule.getPath();
+}
 /**
  * Inject entry file, automatically init when used as host,
  * and will not inject remoteEntry
  */
 var hostAutoInitModule = new VirtualModule("hostAutoInit");
-hostAutoInitModule.writeSync("\n    import {init} from \"" + REMOTE_ENTRY_ID + "\"\n    init()\n    ");
-var HOST_AUTO_INIT_QUERY_STR = hostAutoInitModule.getImportId();
-var HOST_AUTO_INIT_PATH = hostAutoInitModule.getPath();
+function writeHostAutoInit() {
+  hostAutoInitModule.writeSync("\n    import {init} from \"" + REMOTE_ENTRY_ID + "\"\n    init()\n    ");
+}
+function getHostAutoInitImportId() {
+  return hostAutoInitModule.getImportId();
+}
+function getHostAutoInitPath() {
+  return hostAutoInitModule.getPath();
+}
+
+var remoteVirtualModule = new VirtualModule("remoteModule");
+function writeRemote() {
+  remoteVirtualModule.writeSync("");
+}
+function generateRemotes(id, command) {
+  return {
+    code: "\n    import {loadRemote} from \"@module-federation/runtime\"\n    const exportModule = await loadRemote(" + JSON.stringify(id) + ")\n    " + (command === "build" && "\n        export default 'default' in (exportModule || {}) ? exportModule.default : undefined\n        export const __mf__dynamicExports = exportModule\n        " || "") + "\n      " + (command !== "build" && "\n        export default exportModule\n        " || "") + "\n  ",
+    map: null,
+    // TODO: vite dev mode invalid, use optimizeDeps.needsInterop
+    syntheticNamedExports: '__mf__dynamicExports'
+  };
+}
+
+function initVirtualModules() {
+  writeLocalSharedImportMap();
+  writeWrapRemoteEntry();
+  writeHostAutoInit();
+  writeRemote();
+}
 
 var filter$1 = createFilter();
 function pluginProxyRemoteEntry () {
@@ -502,17 +547,6 @@ function pluginProxyRemoteEntry () {
   };
 }
 
-var remoteVirtualModule = new VirtualModule("remoteModule");
-remoteVirtualModule.writeSync("");
-function generateRemotes(id, command) {
-  return {
-    code: "\n    import {loadRemote} from \"@module-federation/runtime\"\n    const exportModule = await loadRemote(" + JSON.stringify(id) + ")\n    " + (command === "build" && "\n        export default 'default' in (exportModule || {}) ? exportModule.default : undefined\n        export const __mf__dynamicExports = exportModule\n        " || "") + "\n      " + (command !== "build" && "\n        export default exportModule\n        " || "") + "\n  ",
-    map: null,
-    // TODO: vite dev mode invalid, use optimizeDeps.needsInterop
-    syntheticNamedExports: '__mf__dynamicExports'
-  };
-}
-
 var filter = createFilter();
 function pluginProxyRemotes (options) {
   var command;
@@ -678,25 +712,29 @@ function proxySharedModule(options) {
       var savePrebuild = new PromiseStore();
       (_config$resolve$alias2 = _config.resolve.alias).push.apply(_config$resolve$alias2, Object.keys(shared).map(function (key) {
         return command === "build" ? {
-          find: new RegExp(virtualPackageName + "/" + PREBUILD_TAG + "(.+)"),
-          replacement: function replacement(_, $1) {
-            return packageNameDecode($1);
+          find: new RegExp("(.*" + PREBUILD_TAG + "(.+))"),
+          replacement: function replacement($1) {
+            $1 = $1.replace(/\.[^.]+$/, "");
+            var pkgName = packageNameDecode($1.split(PREBUILD_TAG)[1]);
+            return packageNameDecode(pkgName);
           }
         } : {
-          find: new RegExp(virtualPackageName + "/" + PREBUILD_TAG + "(.+)"),
+          find: new RegExp("(.*" + PREBUILD_TAG + "(.+))"),
           replacement: "$1",
           customResolver: function customResolver(source, importer) {
             try {
               var _this = this;
+              source = source.replace(/\.[^.]+$/, "");
+              var pkgName = packageNameDecode(source.split(PREBUILD_TAG)[1]);
               if (importer.includes(LOAD_SHARE_TAG)) {
                 // save pre-bunding module id
-                savePrebuild.set(source, _this.resolve(packageNameDecode(source)).then(function (item) {
+                savePrebuild.set(pkgName, _this.resolve(pkgName).then(function (item) {
                   return item.id;
                 }));
               }
               // Fix localSharedImportMap import id
               var _resolve = _this.resolve;
-              return Promise.resolve(savePrebuild.get(source)).then(function (_savePrebuild$get) {
+              return Promise.resolve(savePrebuild.get(pkgName)).then(function (_savePrebuild$get) {
                 return Promise.resolve(_resolve.call(_this, _savePrebuild$get));
               });
             } catch (e) {
@@ -815,6 +853,8 @@ var normalizeOptimizeDepsPlugin = {
       _config.optimizeDeps = {};
       optimizeDeps = _config.optimizeDeps;
     }
+    // todo: fix this workaround
+    optimizeDeps.force = true;
     if (!optimizeDeps.include) optimizeDeps.include = [];
     if (!optimizeDeps.needsInterop) optimizeDeps.needsInterop = [];
   }
@@ -822,19 +862,20 @@ var normalizeOptimizeDepsPlugin = {
 
 function federation(mfUserOptions) {
   var options = normalizeModuleFederationOptions(mfUserOptions);
+  initVirtualModules();
   var name = options.name,
     shared = options.shared,
     filename = options.filename;
   if (!name) throw new Error("name is required");
   return [aliasToArrayPlugin, normalizeOptimizeDepsPlugin].concat(addEntry({
     entryName: 'remoteEntry',
-    entryPath: WRAP_REMOTE_ENTRY_PATH,
+    entryPath: getWrapRemoteEntryPath(),
     fileName: filename
   }), addEntry({
     entryName: 'hostInit',
-    entryPath: HOST_AUTO_INIT_PATH
+    entryPath: getHostAutoInitPath()
   }), [pluginProxyRemoteEntry(), pluginProxyRemotes(options)], pluginModuleParseEnd(function (id) {
-    return id.includes(HOST_AUTO_INIT_QUERY_STR) || id.includes(WRAP_REMOTE_ENTRY_QUERY_STR) || id.includes(REMOTE_ENTRY_ID) || id.includes(getLocalSharedImportMapPath());
+    return id.includes(getHostAutoInitImportId()) || id.includes(getWrapRemoteEntryImportId()) || id.includes(REMOTE_ENTRY_ID) || id.includes(getLocalSharedImportMapPath());
   }), proxySharedModule({
     shared: shared
   }), [{

package/lib/index.modern.js

@@ -291,6 +291,13 @@ function removePathFromNpmPackage(packageString) {
   // Return the matched package name or the original string if no match is found
   return match ? match[0] : packageString;
 }
+function getExtFromNpmPackage(packageString) {
+  const pkgName = removePathFromNpmPackage(packageString);
+  const subpath = packageString.replace(pkgName, "");
+  const parts = subpath.split('.');
+  const ext = parts.length > 1 ? "." + parts.pop() : undefined;
+  return ext;
+}
 
 const nodeModulesDir = function findNodeModulesDir(startDir = process.cwd()) {
   let currentDir = startDir;
@@ -316,26 +323,31 @@ writeFileSync(resolve(nodeModulesDir, virtualPackageName, "package.json"), JSON.
  * Physically generate files as virtual modules under node_modules/__mf__virtual/*
  */
 class VirtualModule {
-  constructor(name) {
+  constructor(name, ext = ".js") {
     this.originName = void 0;
     this.inited = false;
+    this.ext = void 0;
     this.originName = name;
+    this.ext = ext;
   }
   getPath() {
     return resolve(nodeModulesDir, this.getImportId());
   }
   getImportId() {
-    return `${virtualPackageName}/${packageNameEncode(this.originName)}`;
+    const {
+      name
+    } = getNormalizeModuleFederationOptions();
+    return `${virtualPackageName}/${packageNameEncode(name)}-${packageNameEncode(this.originName)}${this.ext}`;
   }
   writeSync(code, force) {
     if (!force && this.inited) return;
     if (!this.inited) {
       this.inited = true;
     }
-    writeFileSync(this.getPath() + ".js", code);
+    writeFileSync(this.getPath(), code);
   }
   write(code) {
-    writeFile(this.getPath() + ".js", code, function () {});
+    writeFile(this.getPath(), code, function () {});
   }
 }
 
@@ -369,11 +381,11 @@ function createFile(filePath, content) {
 const preBuildCacheMap = {};
 const PREBUILD_TAG = "__prebuild__";
 function writePreBuildLibPath(pkg) {
-  if (!preBuildCacheMap[pkg]) preBuildCacheMap[pkg] = new VirtualModule(PREBUILD_TAG + pkg);
+  if (!preBuildCacheMap[pkg]) preBuildCacheMap[pkg] = new VirtualModule(PREBUILD_TAG + pkg, getExtFromNpmPackage(pkg));
   preBuildCacheMap[pkg].writeSync("");
 }
 function getPreBuildLibImportId(pkg) {
-  if (!preBuildCacheMap[pkg]) preBuildCacheMap[pkg] = new VirtualModule(PREBUILD_TAG + pkg);
+  if (!preBuildCacheMap[pkg]) preBuildCacheMap[pkg] = new VirtualModule(PREBUILD_TAG + pkg, getExtFromNpmPackage(pkg));
   const importId = preBuildCacheMap[pkg].getImportId();
   return importId;
 }
@@ -383,7 +395,6 @@ function addShare(pkg) {
 }
 // *** Expose locally provided shared modules here
 const localSharedImportMapModule = new VirtualModule("localSharedImportMap");
-localSharedImportMapModule.writeSync("");
 function getLocalSharedImportMapPath() {
   if (process.platform === "win32") {
     return getLocalSharedImportMapPath_windows();
@@ -531,23 +542,65 @@ function generateRemoteEntry(options) {
   `;
 }
 const wrapRemoteEntryModule = new VirtualModule("wrapRemoteEntry");
-wrapRemoteEntryModule.writeSync(`
-import {init, get} from "${REMOTE_ENTRY_ID}"
-export {init, get}
-`);
-const WRAP_REMOTE_ENTRY_QUERY_STR = wrapRemoteEntryModule.getImportId();
-const WRAP_REMOTE_ENTRY_PATH = wrapRemoteEntryModule.getPath();
+function writeWrapRemoteEntry() {
+  wrapRemoteEntryModule.writeSync(`
+    import {init, get} from "${REMOTE_ENTRY_ID}"
+    export {init, get}
+    `);
+}
+function getWrapRemoteEntryImportId() {
+  return wrapRemoteEntryModule.getImportId();
+}
+function getWrapRemoteEntryPath() {
+  return wrapRemoteEntryModule.getPath();
+}
 /**
  * Inject entry file, automatically init when used as host,
  * and will not inject remoteEntry
  */
 const hostAutoInitModule = new VirtualModule("hostAutoInit");
-hostAutoInitModule.writeSync(`
+function writeHostAutoInit() {
+  hostAutoInitModule.writeSync(`
     import {init} from "${REMOTE_ENTRY_ID}"
     init()
     `);
-const HOST_AUTO_INIT_QUERY_STR = hostAutoInitModule.getImportId();
-const HOST_AUTO_INIT_PATH = hostAutoInitModule.getPath();
+}
+function getHostAutoInitImportId() {
+  return hostAutoInitModule.getImportId();
+}
+function getHostAutoInitPath() {
+  return hostAutoInitModule.getPath();
+}
+
+const remoteVirtualModule = new VirtualModule("remoteModule");
+function writeRemote() {
+  remoteVirtualModule.writeSync("");
+}
+function generateRemotes(id, command) {
+  return {
+    code: `
+    import {loadRemote} from "@module-federation/runtime"
+    const exportModule = await loadRemote(${JSON.stringify(id)})
+    ${command === "build" && `
+        export default 'default' in (exportModule || {}) ? exportModule.default : undefined
+        export const __mf__dynamicExports = exportModule
+        ` || ""}
+      ${command !== "build" && `
+        export default exportModule
+        ` || ""}
+  `,
+    map: null,
+    // TODO: vite dev mode invalid, use optimizeDeps.needsInterop
+    syntheticNamedExports: '__mf__dynamicExports'
+  };
+}
+
+function initVirtualModules() {
+  writeLocalSharedImportMap();
+  writeWrapRemoteEntry();
+  writeHostAutoInit();
+  writeRemote();
+}
 
 const filter$1 = createFilter();
 function pluginProxyRemoteEntry () {
@@ -573,27 +626,6 @@ function pluginProxyRemoteEntry () {
   };
 }
 
-const remoteVirtualModule = new VirtualModule("remoteModule");
-remoteVirtualModule.writeSync("");
-function generateRemotes(id, command) {
-  return {
-    code: `
-    import {loadRemote} from "@module-federation/runtime"
-    const exportModule = await loadRemote(${JSON.stringify(id)})
-    ${command === "build" && `
-        export default 'default' in (exportModule || {}) ? exportModule.default : undefined
-        export const __mf__dynamicExports = exportModule
-        ` || ""}
-      ${command !== "build" && `
-        export default exportModule
-        ` || ""}
-  `,
-    map: null,
-    // TODO: vite dev mode invalid, use optimizeDeps.needsInterop
-    syntheticNamedExports: '__mf__dynamicExports'
-  };
-}
-
 const filter = createFilter();
 function pluginProxyRemotes (options) {
   let command;
@@ -750,20 +782,24 @@ function proxySharedModule(options) {
       const savePrebuild = new PromiseStore();
       config.resolve.alias.push(...Object.keys(shared).map(key => {
         return command === "build" ? {
-          find: new RegExp(`${virtualPackageName}/${PREBUILD_TAG}(.+)`),
-          replacement: function (_, $1) {
-            return packageNameDecode($1);
+          find: new RegExp(`(.*${PREBUILD_TAG}(.+))`),
+          replacement: function ($1) {
+            $1 = $1.replace(/\.[^.]+$/, "");
+            const pkgName = packageNameDecode($1.split(PREBUILD_TAG)[1]);
+            return packageNameDecode(pkgName);
           }
         } : {
-          find: new RegExp(`${virtualPackageName}/${PREBUILD_TAG}(.+)`),
+          find: new RegExp(`(.*${PREBUILD_TAG}(.+))`),
           replacement: "$1",
           async customResolver(source, importer) {
+            source = source.replace(/\.[^.]+$/, "");
+            const pkgName = packageNameDecode(source.split(PREBUILD_TAG)[1]);
             if (importer.includes(LOAD_SHARE_TAG)) {
               // save pre-bunding module id
-              savePrebuild.set(source, this.resolve(packageNameDecode(source)).then(item => item.id));
+              savePrebuild.set(pkgName, this.resolve(pkgName).then(item => item.id));
             }
             // Fix localSharedImportMap import id
-            return await this.resolve(await savePrebuild.get(source));
+            return await this.resolve(await savePrebuild.get(pkgName));
           }
         };
       }));
@@ -887,6 +923,8 @@ var normalizeOptimizeDepsPlugin = {
       config.optimizeDeps = {};
       optimizeDeps = config.optimizeDeps;
     }
+    // todo: fix this workaround
+    optimizeDeps.force = true;
     if (!optimizeDeps.include) optimizeDeps.include = [];
     if (!optimizeDeps.needsInterop) optimizeDeps.needsInterop = [];
   }
@@ -894,6 +932,7 @@ var normalizeOptimizeDepsPlugin = {
 
 function federation(mfUserOptions) {
   const options = normalizeModuleFederationOptions(mfUserOptions);
+  initVirtualModules();
   const {
     name,
     remotes,
@@ -903,13 +942,13 @@ function federation(mfUserOptions) {
   if (!name) throw new Error("name is required");
   return [aliasToArrayPlugin, normalizeOptimizeDepsPlugin, ...addEntry({
     entryName: 'remoteEntry',
-    entryPath: WRAP_REMOTE_ENTRY_PATH,
+    entryPath: getWrapRemoteEntryPath(),
     fileName: filename
   }), ...addEntry({
     entryName: 'hostInit',
-    entryPath: HOST_AUTO_INIT_PATH
+    entryPath: getHostAutoInitPath()
   }), pluginProxyRemoteEntry(), pluginProxyRemotes(options), ...pluginModuleParseEnd(id => {
-    return id.includes(HOST_AUTO_INIT_QUERY_STR) || id.includes(WRAP_REMOTE_ENTRY_QUERY_STR) || id.includes(REMOTE_ENTRY_ID) || id.includes(getLocalSharedImportMapPath());
+    return id.includes(getHostAutoInitImportId()) || id.includes(getWrapRemoteEntryImportId()) || id.includes(REMOTE_ENTRY_ID) || id.includes(getLocalSharedImportMapPath());
   }), ...proxySharedModule({
     shared
   }), {

package/lib/index.umd.js

@@ -307,6 +307,13 @@
     // Return the matched package name or the original string if no match is found
     return match ? match[0] : packageString;
   }
+  function getExtFromNpmPackage(packageString) {
+    var pkgName = removePathFromNpmPackage(packageString);
+    var subpath = packageString.replace(pkgName, "");
+    var parts = subpath.split('.');
+    var ext = parts.length > 1 ? "." + parts.pop() : undefined;
+    return ext;
+  }
 
   var nodeModulesDir = function findNodeModulesDir(startDir) {
     if (startDir === void 0) {
@@ -335,27 +342,34 @@
    * Physically generate files as virtual modules under node_modules/__mf__virtual/*
    */
   var VirtualModule = /*#__PURE__*/function () {
-    function VirtualModule(name) {
+    function VirtualModule(name, ext) {
+      if (ext === void 0) {
+        ext = ".js";
+      }
       this.originName = void 0;
       this.inited = false;
+      this.ext = void 0;
       this.originName = name;
+      this.ext = ext;
     }
     var _proto = VirtualModule.prototype;
     _proto.getPath = function getPath() {
       return path.resolve(nodeModulesDir, this.getImportId());
     };
     _proto.getImportId = function getImportId() {
-      return virtualPackageName + "/" + packageNameEncode(this.originName);
+      var _getNormalizeModuleFe = getNormalizeModuleFederationOptions(),
+        name = _getNormalizeModuleFe.name;
+      return virtualPackageName + "/" + packageNameEncode(name) + "-" + packageNameEncode(this.originName) + this.ext;
     };
     _proto.writeSync = function writeSync(code, force) {
       if (!force && this.inited) return;
       if (!this.inited) {
         this.inited = true;
       }
-      fs.writeFileSync(this.getPath() + ".js", code);
+      fs.writeFileSync(this.getPath(), code);
     };
     _proto.write = function write(code) {
-      fs.writeFile(this.getPath() + ".js", code, function () {});
+      fs.writeFile(this.getPath(), code, function () {});
     };
     return VirtualModule;
   }();
@@ -432,11 +446,11 @@
   var preBuildCacheMap = {};
   var PREBUILD_TAG = "__prebuild__";
   function writePreBuildLibPath(pkg) {
-    if (!preBuildCacheMap[pkg]) preBuildCacheMap[pkg] = new VirtualModule(PREBUILD_TAG + pkg);
+    if (!preBuildCacheMap[pkg]) preBuildCacheMap[pkg] = new VirtualModule(PREBUILD_TAG + pkg, getExtFromNpmPackage(pkg));
     preBuildCacheMap[pkg].writeSync("");
   }
   function getPreBuildLibImportId(pkg) {
-    if (!preBuildCacheMap[pkg]) preBuildCacheMap[pkg] = new VirtualModule(PREBUILD_TAG + pkg);
+    if (!preBuildCacheMap[pkg]) preBuildCacheMap[pkg] = new VirtualModule(PREBUILD_TAG + pkg, getExtFromNpmPackage(pkg));
     var importId = preBuildCacheMap[pkg].getImportId();
     return importId;
   }
@@ -446,7 +460,6 @@
   }
   // *** Expose locally provided shared modules here
   var localSharedImportMapModule = new VirtualModule("localSharedImportMap");
-  localSharedImportMapModule.writeSync("");
   function getLocalSharedImportMapPath() {
     if (process.platform === "win32") {
       return getLocalSharedImportMapPath_windows();
@@ -482,17 +495,49 @@
     }).join(', ') + "]\n    });\n    initRes.initShareScopeMap('" + options.shareScope + "', shared);\n    return initRes\n  }\n\n  function getExposes(moduleName) {\n    if (!(moduleName in exposesMap)) throw new Error(`Module ${moduleName} does not exist in container.`)\n    return (exposesMap[moduleName])().then(res => () => res)\n  }\n  export {\n      init,\n      getExposes as get\n  }\n  ";
   }
   var wrapRemoteEntryModule = new VirtualModule("wrapRemoteEntry");
-  wrapRemoteEntryModule.writeSync("\nimport {init, get} from \"" + REMOTE_ENTRY_ID + "\"\nexport {init, get}\n");
-  var WRAP_REMOTE_ENTRY_QUERY_STR = wrapRemoteEntryModule.getImportId();
-  var WRAP_REMOTE_ENTRY_PATH = wrapRemoteEntryModule.getPath();
+  function writeWrapRemoteEntry() {
+    wrapRemoteEntryModule.writeSync("\n    import {init, get} from \"" + REMOTE_ENTRY_ID + "\"\n    export {init, get}\n    ");
+  }
+  function getWrapRemoteEntryImportId() {
+    return wrapRemoteEntryModule.getImportId();
+  }
+  function getWrapRemoteEntryPath() {
+    return wrapRemoteEntryModule.getPath();
+  }
   /**
    * Inject entry file, automatically init when used as host,
    * and will not inject remoteEntry
    */
   var hostAutoInitModule = new VirtualModule("hostAutoInit");
-  hostAutoInitModule.writeSync("\n    import {init} from \"" + REMOTE_ENTRY_ID + "\"\n    init()\n    ");
-  var HOST_AUTO_INIT_QUERY_STR = hostAutoInitModule.getImportId();
-  var HOST_AUTO_INIT_PATH = hostAutoInitModule.getPath();
+  function writeHostAutoInit() {
+    hostAutoInitModule.writeSync("\n    import {init} from \"" + REMOTE_ENTRY_ID + "\"\n    init()\n    ");
+  }
+  function getHostAutoInitImportId() {
+    return hostAutoInitModule.getImportId();
+  }
+  function getHostAutoInitPath() {
+    return hostAutoInitModule.getPath();
+  }
+
+  var remoteVirtualModule = new VirtualModule("remoteModule");
+  function writeRemote() {
+    remoteVirtualModule.writeSync("");
+  }
+  function generateRemotes(id, command) {
+    return {
+      code: "\n    import {loadRemote} from \"@module-federation/runtime\"\n    const exportModule = await loadRemote(" + JSON.stringify(id) + ")\n    " + (command === "build" && "\n        export default 'default' in (exportModule || {}) ? exportModule.default : undefined\n        export const __mf__dynamicExports = exportModule\n        " || "") + "\n      " + (command !== "build" && "\n        export default exportModule\n        " || "") + "\n  ",
+      map: null,
+      // TODO: vite dev mode invalid, use optimizeDeps.needsInterop
+      syntheticNamedExports: '__mf__dynamicExports'
+    };
+  }
+
+  function initVirtualModules() {
+    writeLocalSharedImportMap();
+    writeWrapRemoteEntry();
+    writeHostAutoInit();
+    writeRemote();
+  }
 
   var filter$1 = pluginutils.createFilter();
   function pluginProxyRemoteEntry () {
@@ -523,17 +568,6 @@
     };
   }
 
-  var remoteVirtualModule = new VirtualModule("remoteModule");
-  remoteVirtualModule.writeSync("");
-  function generateRemotes(id, command) {
-    return {
-      code: "\n    import {loadRemote} from \"@module-federation/runtime\"\n    const exportModule = await loadRemote(" + JSON.stringify(id) + ")\n    " + (command === "build" && "\n        export default 'default' in (exportModule || {}) ? exportModule.default : undefined\n        export const __mf__dynamicExports = exportModule\n        " || "") + "\n      " + (command !== "build" && "\n        export default exportModule\n        " || "") + "\n  ",
-      map: null,
-      // TODO: vite dev mode invalid, use optimizeDeps.needsInterop
-      syntheticNamedExports: '__mf__dynamicExports'
-    };
-  }
-
   var filter = pluginutils.createFilter();
   function pluginProxyRemotes (options) {
     var command;
@@ -699,25 +733,29 @@
         var savePrebuild = new PromiseStore();
         (_config$resolve$alias2 = _config.resolve.alias).push.apply(_config$resolve$alias2, Object.keys(shared).map(function (key) {
           return command === "build" ? {
-            find: new RegExp(virtualPackageName + "/" + PREBUILD_TAG + "(.+)"),
-            replacement: function replacement(_, $1) {
-              return packageNameDecode($1);
+            find: new RegExp("(.*" + PREBUILD_TAG + "(.+))"),
+            replacement: function replacement($1) {
+              $1 = $1.replace(/\.[^.]+$/, "");
+              var pkgName = packageNameDecode($1.split(PREBUILD_TAG)[1]);
+              return packageNameDecode(pkgName);
             }
           } : {
-            find: new RegExp(virtualPackageName + "/" + PREBUILD_TAG + "(.+)"),
+            find: new RegExp("(.*" + PREBUILD_TAG + "(.+))"),
             replacement: "$1",
             customResolver: function customResolver(source, importer) {
               try {
                 var _this = this;
+                source = source.replace(/\.[^.]+$/, "");
+                var pkgName = packageNameDecode(source.split(PREBUILD_TAG)[1]);
                 if (importer.includes(LOAD_SHARE_TAG)) {
                   // save pre-bunding module id
-                  savePrebuild.set(source, _this.resolve(packageNameDecode(source)).then(function (item) {
+                  savePrebuild.set(pkgName, _this.resolve(pkgName).then(function (item) {
                     return item.id;
                   }));
                 }
                 // Fix localSharedImportMap import id
                 var _resolve = _this.resolve;
-                return Promise.resolve(savePrebuild.get(source)).then(function (_savePrebuild$get) {
+                return Promise.resolve(savePrebuild.get(pkgName)).then(function (_savePrebuild$get) {
                   return Promise.resolve(_resolve.call(_this, _savePrebuild$get));
                 });
               } catch (e) {
@@ -836,6 +874,8 @@
         _config.optimizeDeps = {};
         optimizeDeps = _config.optimizeDeps;
       }
+      // todo: fix this workaround
+      optimizeDeps.force = true;
       if (!optimizeDeps.include) optimizeDeps.include = [];
       if (!optimizeDeps.needsInterop) optimizeDeps.needsInterop = [];
     }
@@ -843,19 +883,20 @@
 
   function federation(mfUserOptions) {
     var options = normalizeModuleFederationOptions(mfUserOptions);
+    initVirtualModules();
     var name = options.name,
       shared = options.shared,
       filename = options.filename;
     if (!name) throw new Error("name is required");
     return [aliasToArrayPlugin, normalizeOptimizeDepsPlugin].concat(addEntry({
       entryName: 'remoteEntry',
-      entryPath: WRAP_REMOTE_ENTRY_PATH,
+      entryPath: getWrapRemoteEntryPath(),
       fileName: filename
     }), addEntry({
       entryName: 'hostInit',
-      entryPath: HOST_AUTO_INIT_PATH
+      entryPath: getHostAutoInitPath()
     }), [pluginProxyRemoteEntry(), pluginProxyRemotes(options)], pluginModuleParseEnd(function (id) {
-      return id.includes(HOST_AUTO_INIT_QUERY_STR) || id.includes(WRAP_REMOTE_ENTRY_QUERY_STR) || id.includes(REMOTE_ENTRY_ID) || id.includes(getLocalSharedImportMapPath());
+      return id.includes(getHostAutoInitImportId()) || id.includes(getWrapRemoteEntryImportId()) || id.includes(REMOTE_ENTRY_ID) || id.includes(getLocalSharedImportMapPath());
     }), proxySharedModule({
       shared: shared
     }), [{

package/lib/utils/VirtualModule.d.ts

@@ -5,7 +5,8 @@ export declare const virtualPackageName = "__mf__virtual";
 export default class VirtualModule {
     originName: string;
     inited: boolean;
-    constructor(name: string);
+    ext: string;
+    constructor(name: string, ext?: string);
     getPath(): string;
     getImportId(): string;
     writeSync(code: string, force?: boolean): void;

package/lib/utils/packageNameUtils.d.ts

@@ -15,3 +15,4 @@ export declare function packageNameEncode(name: string): string;
  */
 export declare function packageNameDecode(global: string): string;
 export declare function removePathFromNpmPackage(packageString: string): string;
+export declare function getExtFromNpmPackage(packageString: string): string | undefined;

package/lib/virtualModules/index.d.ts

@@ -0,0 +1,4 @@
+export { generateRemoteEntry, getHostAutoInitImportId, getHostAutoInitPath, getWrapRemoteEntryImportId, getWrapRemoteEntryPath, REMOTE_ENTRY_ID } from "./virtualRemoteEntry";
+export { generateRemotes, remoteVirtualModule } from "./virtualRemotes";
+export { addShare, generateLocalSharedImportMap, getLoadShareModulePath, getLocalSharedImportMapPath, getPreBuildLibImportId, LOAD_SHARE_TAG, localSharedImportMapModule, PREBUILD_TAG, writeLoadShareModule, writeLocalSharedImportMap, writePreBuildLibPath } from "./virtualShared_preBuild";
+export declare function initVirtualModules(): void;

package/lib/virtualModules/virtualRemoteEntry.d.ts

@@ -1,7 +1,9 @@
 import { NormalizedModuleFederationOptions } from '../utils/normalizeModuleFederationOptions';
 export declare const REMOTE_ENTRY_ID = "REMOTE_ENTRY_ID";
 export declare function generateRemoteEntry(options: NormalizedModuleFederationOptions): string;
-export declare const WRAP_REMOTE_ENTRY_QUERY_STR: string;
-export declare const WRAP_REMOTE_ENTRY_PATH: string;
-export declare const HOST_AUTO_INIT_QUERY_STR: string;
-export declare const HOST_AUTO_INIT_PATH: string;
+export declare function writeWrapRemoteEntry(): void;
+export declare function getWrapRemoteEntryImportId(): string;
+export declare function getWrapRemoteEntryPath(): string;
+export declare function writeHostAutoInit(): void;
+export declare function getHostAutoInitImportId(): string;
+export declare function getHostAutoInitPath(): string;

package/lib/virtualModules/virtualRemotes.d.ts

@@ -1,5 +1,6 @@
 import VirtualModule from "../utils/VirtualModule";
 export declare const remoteVirtualModule: VirtualModule;
+export declare function writeRemote(): void;
 export declare function generateRemotes(id: string, command: string): {
     code: string;
     map: null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/vite",
-  "version": "1.0.0-alpha-1aa30c0",
+  "version": "1.0.0-alpha-2f53b4e",
   "description": "Vite plugin for Module Federation",
   "type": "module",
   "source": "src/index.ts",
@@ -16,7 +16,8 @@
     "build": "rimraf lib && microbundle --no-sourcemap --compress=false",
     "dev-rv": "pnpm -filter 'examples-rust-vite*' run dev",
     "dev-vv": "pnpm -filter 'examples-vite-vite*' run dev",
-    "preview-vv": "pnpm -filter 'examples-vite-vite*' run preview"
+    "dev-nv": "pnpm -filter 'examples-nuxt-vite-host' -filter 'examples-vite-vite-remote' run dev",
+    "preview-vv": "pnpm -filter 'examples-vite-vite*'  run preview"
   },
   "repository": {
     "type": "git",
@@ -39,7 +40,7 @@
   "homepage": "https://github.com/module-federation/vite#readme",
   "packageManager": "pnpm@9.1.3",
   "dependencies": {
-    "@module-federation/runtime": "^0.5.0",
+    "@module-federation/runtime": "^0.6.0",
     "@rollup/pluginutils": "^5.1.0",
     "estree-walker": "^2",
     "magic-string": "^0.30.11",
@@ -52,6 +53,6 @@
     "mime-types": "^2.1.35",
     "pretty-quick": "^4.0.0",
     "rimraf": "^6.0.1",
-    "vite": "^5.4.1"
+    "vite": "^5.4.3"
   }
 }