@module-federation/vite 1.0.0-alpha-661e052 → 1.0.0-alpha-2f53b4e

package/lib/index.cjs

@@ -27,6 +27,7 @@ function _interopNamespace(e) {
 
 var fs__namespace = /*#__PURE__*/_interopNamespace(fs);
 var path__namespace = /*#__PURE__*/_interopNamespace(path);
+var path__default = /*#__PURE__*/_interopDefaultLegacy(path);
 var MagicString__default = /*#__PURE__*/_interopDefaultLegacy(MagicString);
 
 var addEntry = function addEntry(_ref) {
@@ -308,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) {
@@ -336,26 +344,58 @@ 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) {
-    fs.writeFileSync(this.getPath() + ".js", code);
+  _proto.writeSync = function writeSync(code, force) {
+    if (!force && this.inited) return;
+    if (!this.inited) {
+      this.inited = true;
+    }
+    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;
 }();
 
+/**
+ * https://github.com/module-federation/vite/issues/68
+ */
+function getLocalSharedImportMapPath_windows() {
+  var _getNormalizeModuleFe = getNormalizeModuleFederationOptions(),
+    name = _getNormalizeModuleFe.name;
+  return path__default["default"].resolve(".__mf__win", packageNameEncode(name), "localSharedImportMap");
+}
+function writeLocalSharedImportMap_windows(content) {
+  var localSharedImportMapId = getLocalSharedImportMapPath_windows();
+  createFile(localSharedImportMapId + ".js", "\n// Windows temporarily needs this file, https://github.com/module-federation/vite/issues/68\n" + content);
+}
+function createFile(filePath, content) {
+  var dir = path__default["default"].dirname(filePath);
+  fs.mkdirSync(dir, {
+    recursive: true
+  });
+  fs.writeFileSync(filePath, content);
+}
+
 /**
  * Even the resolveId hook cannot interfere with vite pre-build,
  * and adding query parameter virtual modules will also fail.
@@ -377,14 +417,28 @@ var generateLocalSharedImportMap = function generateLocalSharedImportMap() {
 // *** __loadShare__
 var writeLocalSharedImportMap = function writeLocalSharedImportMap() {
   try {
+    var _exit;
     var sharedCount = shareds.size;
     return Promise.resolve(function () {
       if (prevSharedCount !== sharedCount) {
+        var _temp2 = function _temp2(_result) {
+          if (_exit) return _result;
+          var _writeSync = localSharedImportMapModule.writeSync;
+          return Promise.resolve(generateLocalSharedImportMap()).then(function (_generateLocalSharedI2) {
+            return _writeSync.call(localSharedImportMapModule, _generateLocalSharedI2, true);
+          });
+        };
         prevSharedCount = sharedCount;
-        var _writeSync = localSharedImportMapModule.writeSync;
-        return Promise.resolve(generateLocalSharedImportMap()).then(function (_generateLocalSharedI) {
-          return _writeSync.call(localSharedImportMapModule, _generateLocalSharedI);
-        });
+        var _temp = function () {
+          if (process.platform === "win32") {
+            return Promise.resolve(generateLocalSharedImportMap()).then(function (_generateLocalSharedI) {
+              var _writeLocalSharedImpo = writeLocalSharedImportMap_windows(_generateLocalSharedI);
+              _exit = 1;
+              return _writeLocalSharedImpo;
+            });
+          }
+        }();
+        return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
       }
     }());
   } catch (e) {
@@ -394,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;
 }
@@ -408,8 +462,10 @@ function addShare(pkg) {
 }
 // *** Expose locally provided shared modules here
 var localSharedImportMapModule = new VirtualModule("localSharedImportMap");
-localSharedImportMapModule.writeSync("");
-function getLocalSharedImportMapId() {
+function getLocalSharedImportMapPath() {
+  if (process.platform === "win32") {
+    return getLocalSharedImportMapPath_windows();
+  }
   return localSharedImportMapModule.getPath();
 }
 var prevSharedCount = 0;
@@ -433,7 +489,7 @@ function generateRemoteEntry(options) {
     return item[1];
   }).join('\n') + "\n\n  const exposesMap = {\n    " + Object.keys(options.exposes).map(function (key) {
     return "\n        " + JSON.stringify(key) + ": async () => {\n          const importModule = await import(" + JSON.stringify(options.exposes[key]["import"]) + ")\n          const exportModule = {}\n          Object.assign(exportModule, importModule)\n          Object.defineProperty(exportModule, \"__esModule\", {\n            value: true,\n            enumerable: false\n          })\n          return exportModule\n        }\n      ";
-  }).join(',') + "\n  }\n  import localSharedImportMap from \"" + getLocalSharedImportMapId() + "\"\n  async function init(shared = {}) {\n    const initRes = runtimeInit({\n      name: " + JSON.stringify(options.name) + ",\n      remotes: [" + Object.keys(options.remotes).map(function (key) {
+  }).join(',') + "\n  }\n  import localSharedImportMap from \"" + getLocalSharedImportMapPath() + "\"\n  async function init(shared = {}) {\n    const initRes = runtimeInit({\n      name: " + JSON.stringify(options.name) + ",\n      remotes: [" + Object.keys(options.remotes).map(function (key) {
     var remote = options.remotes[key];
     return "\n                {\n                  entryGlobalName: " + JSON.stringify(remote.entryGlobalName) + ",\n                  name: " + JSON.stringify(remote.name) + ",\n                  type: " + JSON.stringify(remote.type) + ",\n                  entry: " + JSON.stringify(remote.entry) + ",\n                }\n          ";
   }).join(',') + "\n      ],\n      shared: localSharedImportMap,\n      plugins: [" + pluginImportNames.map(function (item) {
@@ -441,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 () {
@@ -482,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;
@@ -606,15 +683,15 @@ function proxySharedModule(options) {
     name: "generateLocalSharedImportMap",
     enforce: "post",
     resolveId: function resolveId(id) {
-      if (id.includes(getLocalSharedImportMapId())) return id;
+      if (id.includes(getLocalSharedImportMapPath())) return id;
     },
     load: function load(id) {
-      if (id.includes(getLocalSharedImportMapId())) {
+      if (id.includes(getLocalSharedImportMapPath())) {
         return generateLocalSharedImportMap();
       }
     },
     transform: function transform(code, id) {
-      if (id.includes(getLocalSharedImportMapId())) {
+      if (id.includes(getLocalSharedImportMapPath())) {
         return generateLocalSharedImportMap();
       }
     }
@@ -658,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) {
@@ -690,6 +771,9 @@ function proxySharedModule(options) {
     name: "watchLocalSharedImportMap",
     apply: "serve",
     config: function config(_config2) {
+      _config2.optimizeDeps = defu.defu(_config2.optimizeDeps, {
+        exclude: [getLocalSharedImportMapPath()]
+      });
       _config2.server = defu.defu(_config2.server, {
         watch: {
           ignored: []
@@ -697,7 +781,7 @@ function proxySharedModule(options) {
       });
       var watch = _config2.server.watch;
       watch.ignored = [].concat(watch.ignored);
-      watch.ignored.push("!**/node_modules/" + localSharedImportMapModule.getImportId() + ".js");
+      watch.ignored.push("!**" + getLocalSharedImportMapPath() + "**");
     }
   }, {
     name: "prebuild-top-level-await",
@@ -792,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 = [];
   }
@@ -799,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(getLocalSharedImportMapId());
+    return id.includes(getHostAutoInitImportId()) || id.includes(getWrapRemoteEntryImportId()) || id.includes(REMOTE_ENTRY_ID) || id.includes(getLocalSharedImportMapPath());
   }), proxySharedModule({
     shared: shared
   }), [{

package/lib/index.esm.js

@@ -1,7 +1,7 @@
 import * as fs from 'fs';
 import { existsSync, mkdirSync, writeFileSync, writeFile } from 'fs';
 import * as path from 'pathe';
-import { parse, join, dirname, resolve } from 'pathe';
+import path__default, { parse, join, dirname, resolve } from 'pathe';
 import { createFilter } from '@rollup/pluginutils';
 import { defu } from 'defu';
 import { walk } from 'estree-walker';
@@ -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,26 +321,58 @@ 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) {
-    writeFileSync(this.getPath() + ".js", code);
+  _proto.writeSync = function writeSync(code, force) {
+    if (!force && this.inited) return;
+    if (!this.inited) {
+      this.inited = true;
+    }
+    writeFileSync(this.getPath(), code);
   };
   _proto.write = function write(code) {
-    writeFile(this.getPath() + ".js", code, function () {});
+    writeFile(this.getPath(), code, function () {});
   };
   return VirtualModule;
 }();
 
+/**
+ * https://github.com/module-federation/vite/issues/68
+ */
+function getLocalSharedImportMapPath_windows() {
+  var _getNormalizeModuleFe = getNormalizeModuleFederationOptions(),
+    name = _getNormalizeModuleFe.name;
+  return path__default.resolve(".__mf__win", packageNameEncode(name), "localSharedImportMap");
+}
+function writeLocalSharedImportMap_windows(content) {
+  var localSharedImportMapId = getLocalSharedImportMapPath_windows();
+  createFile(localSharedImportMapId + ".js", "\n// Windows temporarily needs this file, https://github.com/module-federation/vite/issues/68\n" + content);
+}
+function createFile(filePath, content) {
+  var dir = path__default.dirname(filePath);
+  mkdirSync(dir, {
+    recursive: true
+  });
+  writeFileSync(filePath, content);
+}
+
 /**
  * Even the resolveId hook cannot interfere with vite pre-build,
  * and adding query parameter virtual modules will also fail.
@@ -355,14 +394,28 @@ var generateLocalSharedImportMap = function generateLocalSharedImportMap() {
 // *** __loadShare__
 var writeLocalSharedImportMap = function writeLocalSharedImportMap() {
   try {
+    var _exit;
     var sharedCount = shareds.size;
     return Promise.resolve(function () {
       if (prevSharedCount !== sharedCount) {
+        var _temp2 = function _temp2(_result) {
+          if (_exit) return _result;
+          var _writeSync = localSharedImportMapModule.writeSync;
+          return Promise.resolve(generateLocalSharedImportMap()).then(function (_generateLocalSharedI2) {
+            return _writeSync.call(localSharedImportMapModule, _generateLocalSharedI2, true);
+          });
+        };
         prevSharedCount = sharedCount;
-        var _writeSync = localSharedImportMapModule.writeSync;
-        return Promise.resolve(generateLocalSharedImportMap()).then(function (_generateLocalSharedI) {
-          return _writeSync.call(localSharedImportMapModule, _generateLocalSharedI);
-        });
+        var _temp = function () {
+          if (process.platform === "win32") {
+            return Promise.resolve(generateLocalSharedImportMap()).then(function (_generateLocalSharedI) {
+              var _writeLocalSharedImpo = writeLocalSharedImportMap_windows(_generateLocalSharedI);
+              _exit = 1;
+              return _writeLocalSharedImpo;
+            });
+          }
+        }();
+        return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
       }
     }());
   } catch (e) {
@@ -372,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;
 }
@@ -386,8 +439,10 @@ function addShare(pkg) {
 }
 // *** Expose locally provided shared modules here
 var localSharedImportMapModule = new VirtualModule("localSharedImportMap");
-localSharedImportMapModule.writeSync("");
-function getLocalSharedImportMapId() {
+function getLocalSharedImportMapPath() {
+  if (process.platform === "win32") {
+    return getLocalSharedImportMapPath_windows();
+  }
   return localSharedImportMapModule.getPath();
 }
 var prevSharedCount = 0;
@@ -411,7 +466,7 @@ function generateRemoteEntry(options) {
     return item[1];
   }).join('\n') + "\n\n  const exposesMap = {\n    " + Object.keys(options.exposes).map(function (key) {
     return "\n        " + JSON.stringify(key) + ": async () => {\n          const importModule = await import(" + JSON.stringify(options.exposes[key]["import"]) + ")\n          const exportModule = {}\n          Object.assign(exportModule, importModule)\n          Object.defineProperty(exportModule, \"__esModule\", {\n            value: true,\n            enumerable: false\n          })\n          return exportModule\n        }\n      ";
-  }).join(',') + "\n  }\n  import localSharedImportMap from \"" + getLocalSharedImportMapId() + "\"\n  async function init(shared = {}) {\n    const initRes = runtimeInit({\n      name: " + JSON.stringify(options.name) + ",\n      remotes: [" + Object.keys(options.remotes).map(function (key) {
+  }).join(',') + "\n  }\n  import localSharedImportMap from \"" + getLocalSharedImportMapPath() + "\"\n  async function init(shared = {}) {\n    const initRes = runtimeInit({\n      name: " + JSON.stringify(options.name) + ",\n      remotes: [" + Object.keys(options.remotes).map(function (key) {
     var remote = options.remotes[key];
     return "\n                {\n                  entryGlobalName: " + JSON.stringify(remote.entryGlobalName) + ",\n                  name: " + JSON.stringify(remote.name) + ",\n                  type: " + JSON.stringify(remote.type) + ",\n                  entry: " + JSON.stringify(remote.entry) + ",\n                }\n          ";
   }).join(',') + "\n      ],\n      shared: localSharedImportMap,\n      plugins: [" + pluginImportNames.map(function (item) {
@@ -419,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 () {
@@ -460,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;
@@ -584,15 +660,15 @@ function proxySharedModule(options) {
     name: "generateLocalSharedImportMap",
     enforce: "post",
     resolveId: function resolveId(id) {
-      if (id.includes(getLocalSharedImportMapId())) return id;
+      if (id.includes(getLocalSharedImportMapPath())) return id;
     },
     load: function load(id) {
-      if (id.includes(getLocalSharedImportMapId())) {
+      if (id.includes(getLocalSharedImportMapPath())) {
         return generateLocalSharedImportMap();
       }
     },
     transform: function transform(code, id) {
-      if (id.includes(getLocalSharedImportMapId())) {
+      if (id.includes(getLocalSharedImportMapPath())) {
         return generateLocalSharedImportMap();
       }
     }
@@ -636,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) {
@@ -668,6 +748,9 @@ function proxySharedModule(options) {
     name: "watchLocalSharedImportMap",
     apply: "serve",
     config: function config(_config2) {
+      _config2.optimizeDeps = defu(_config2.optimizeDeps, {
+        exclude: [getLocalSharedImportMapPath()]
+      });
       _config2.server = defu(_config2.server, {
         watch: {
           ignored: []
@@ -675,7 +758,7 @@ function proxySharedModule(options) {
       });
       var watch = _config2.server.watch;
       watch.ignored = [].concat(watch.ignored);
-      watch.ignored.push("!**/node_modules/" + localSharedImportMapModule.getImportId() + ".js");
+      watch.ignored.push("!**" + getLocalSharedImportMapPath() + "**");
     }
   }, {
     name: "prebuild-top-level-await",
@@ -770,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 = [];
   }
@@ -777,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(getLocalSharedImportMapId());
+    return id.includes(getHostAutoInitImportId()) || id.includes(getWrapRemoteEntryImportId()) || id.includes(REMOTE_ENTRY_ID) || id.includes(getLocalSharedImportMapPath());
   }), proxySharedModule({
     shared: shared
   }), [{