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

package/lib/index.modern.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';
@@ -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,24 +323,55 @@ 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) {
-    writeFileSync(this.getPath() + ".js", code);
+  writeSync(code, force) {
+    if (!force && this.inited) return;
+    if (!this.inited) {
+      this.inited = true;
+    }
+    writeFileSync(this.getPath(), code);
   }
   write(code) {
-    writeFile(this.getPath() + ".js", code, function () {});
+    writeFile(this.getPath(), code, function () {});
   }
 }
 
+/**
+ * https://github.com/module-federation/vite/issues/68
+ */
+function getLocalSharedImportMapPath_windows() {
+  const {
+    name
+  } = getNormalizeModuleFederationOptions();
+  return path__default.resolve(".__mf__win", packageNameEncode(name), "localSharedImportMap");
+}
+function writeLocalSharedImportMap_windows(content) {
+  const 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) {
+  const 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.
@@ -343,11 +381,11 @@ class VirtualModule {
 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;
 }
@@ -357,8 +395,10 @@ function addShare(pkg) {
 }
 // *** Expose locally provided shared modules here
 const localSharedImportMapModule = new VirtualModule("localSharedImportMap");
-localSharedImportMapModule.writeSync("");
-function getLocalSharedImportMapId() {
+function getLocalSharedImportMapPath() {
+  if (process.platform === "win32") {
+    return getLocalSharedImportMapPath_windows();
+  }
   return localSharedImportMapModule.getPath();
 }
 let prevSharedCount = 0;
@@ -366,7 +406,10 @@ async function writeLocalSharedImportMap() {
   const sharedCount = shareds.size;
   if (prevSharedCount !== sharedCount) {
     prevSharedCount = sharedCount;
-    return localSharedImportMapModule.writeSync(await generateLocalSharedImportMap());
+    if (process.platform === "win32") {
+      return writeLocalSharedImportMap_windows(await generateLocalSharedImportMap());
+    }
+    return localSharedImportMapModule.writeSync(await generateLocalSharedImportMap(), true);
   }
 }
 async function generateLocalSharedImportMap() {
@@ -465,7 +508,7 @@ function generateRemoteEntry(options) {
       `;
   }).join(',')}
   }
-  import localSharedImportMap from "${getLocalSharedImportMapId()}"
+  import localSharedImportMap from "${getLocalSharedImportMapPath()}"
   async function init(shared = {}) {
     const initRes = runtimeInit({
       name: ${JSON.stringify(options.name)},
@@ -499,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 () {
@@ -541,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;
@@ -664,15 +728,15 @@ function proxySharedModule(options) {
     name: "generateLocalSharedImportMap",
     enforce: "post",
     resolveId(id) {
-      if (id.includes(getLocalSharedImportMapId())) return id;
+      if (id.includes(getLocalSharedImportMapPath())) return id;
     },
     load(id) {
-      if (id.includes(getLocalSharedImportMapId())) {
+      if (id.includes(getLocalSharedImportMapPath())) {
         return generateLocalSharedImportMap();
       }
     },
     transform(code, id) {
-      if (id.includes(getLocalSharedImportMapId())) {
+      if (id.includes(getLocalSharedImportMapPath())) {
         return generateLocalSharedImportMap();
       }
     }
@@ -718,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));
           }
         };
       }));
@@ -740,6 +808,9 @@ function proxySharedModule(options) {
     name: "watchLocalSharedImportMap",
     apply: "serve",
     config(config) {
+      config.optimizeDeps = defu(config.optimizeDeps, {
+        exclude: [getLocalSharedImportMapPath()]
+      });
       config.server = defu(config.server, {
         watch: {
           ignored: []
@@ -747,7 +818,7 @@ function proxySharedModule(options) {
       });
       const watch = config.server.watch;
       watch.ignored = [].concat(watch.ignored);
-      watch.ignored.push(`!**/node_modules/${localSharedImportMapModule.getImportId()}.js`);
+      watch.ignored.push(`!**${getLocalSharedImportMapPath()}**`);
     }
   }, {
     name: "prebuild-top-level-await",
@@ -852,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 = [];
   }
@@ -859,6 +932,7 @@ var normalizeOptimizeDepsPlugin = {
 
 function federation(mfUserOptions) {
   const options = normalizeModuleFederationOptions(mfUserOptions);
+  initVirtualModules();
   const {
     name,
     remotes,
@@ -868,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(getLocalSharedImportMapId());
+    return id.includes(getHostAutoInitImportId()) || id.includes(getWrapRemoteEntryImportId()) || id.includes(REMOTE_ENTRY_ID) || id.includes(getLocalSharedImportMapPath());
   }), ...proxySharedModule({
     shared
   }), {

package/lib/index.umd.js

@@ -25,6 +25,7 @@
 
   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) {
@@ -306,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) {
@@ -334,26 +342,58 @@
    * 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.
@@ -375,14 +415,28 @@
   // *** __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) {
@@ -392,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;
   }
@@ -406,8 +460,10 @@
   }
   // *** 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;
@@ -431,7 +487,7 @@
       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) {
@@ -439,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 () {
@@ -480,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;
@@ -604,15 +681,15 @@
       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();
         }
       }
@@ -656,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) {
@@ -688,6 +769,9 @@
       name: "watchLocalSharedImportMap",
       apply: "serve",
       config: function config(_config2) {
+        _config2.optimizeDeps = defu.defu(_config2.optimizeDeps, {
+          exclude: [getLocalSharedImportMapPath()]
+        });
         _config2.server = defu.defu(_config2.server, {
           watch: {
             ignored: []
@@ -695,7 +779,7 @@
         });
         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",
@@ -790,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 = [];
     }
@@ -797,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(getLocalSharedImportMapId());
+      return id.includes(getHostAutoInitImportId()) || id.includes(getWrapRemoteEntryImportId()) || id.includes(REMOTE_ENTRY_ID) || id.includes(getLocalSharedImportMapPath());
     }), proxySharedModule({
       shared: shared
     }), [{