npm - @module-federation/vite - Versions diffs - 1.0.0 → 1.1.0 - Mend

@module-federation/vite 1.0.0 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (16) hide show

package/README.md +88 -54
package/lib/index.cjs +134 -150
package/lib/index.esm.js +134 -150
package/lib/index.modern.js +148 -164
package/lib/index.umd.js +134 -150
package/lib/plugins/pluginDevProxyModuleTopLevelAwait.d.ts +1 -1
package/lib/plugins/pluginModuleParseEnd.d.ts +1 -1
package/lib/plugins/pluginProxyRemotes.d.ts +2 -2
package/lib/utils/__tests__/normalizeModuleFederationOption.test.d.ts +1 -0
package/lib/utils/logUtils.d.ts +1 -0
package/lib/utils/normalizeModuleFederationOptions.d.ts +39 -7
package/lib/virtualModules/index.d.ts +5 -4
package/lib/virtualModules/virtualExposes.d.ts +2 -0
package/lib/virtualModules/virtualRuntimeInitStatus.d.ts +1 -1
package/lib/virtualModules/virtualShared_preBuild.d.ts +5 -5
package/package.json +11 -4

package/lib/index.modern.js CHANGED Viewed

@@ -12,13 +12,13 @@ const addEntry = ({
   entryPath,
   fileName
 }) => {
-  const devEntryPath = entryPath.startsWith("virtual:mf") ? "/@id/" + entryPath : entryPath;
+  const devEntryPath = entryPath.startsWith('virtual:mf') ? '/@id/' + entryPath : entryPath;
   let entryFiles = [];
   let htmlFilePath;
   let _command;
   return [{
     name: 'add-entry',
-    apply: "serve",
+    apply: 'serve',
     config(config, {
       command
     }) {
@@ -47,8 +47,8 @@ const addEntry = ({
       return c.replace('<head>', `<head><script type="module" src=${JSON.stringify(devEntryPath.replace(/.+?\:([/\\])[/\\]?/, '$1').replace(/\\\\?/g, '/'))}></script>`);
     }
   }, {
-    name: "add-entry",
-    enforce: "post",
+    name: 'add-entry',
+    enforce: 'post',
     configResolved(config) {
       const inputOptions = config.build.rollupOptions.input;
       if (!inputOptions) {
@@ -65,8 +65,8 @@ const addEntry = ({
       }
     },
     buildStart() {
-      if (_command === "serve") return;
-      const hasHash = fileName == null || fileName.includes == null ? void 0 : fileName.includes("[hash");
+      if (_command === 'serve') return;
+      const hasHash = fileName == null || fileName.includes == null ? void 0 : fileName.includes('[hash');
       const emitFileOptions = {
         name: entryName,
         type: 'chunk',
@@ -103,10 +103,10 @@ const addEntry = ({
 function PluginDevProxyModuleTopLevelAwait() {
   const filterFunction = createFilter();
   return {
-    name: "dev-proxy-module-top-level-await",
-    apply: "serve",
+    name: 'dev-proxy-module-top-level-await',
+    apply: 'serve',
     transform(code, id) {
-      if (!code.includes("/*mf top-level-await placeholder replacement mf*/")) {
+      if (!code.includes('/*mf top-level-await placeholder replacement mf*/')) {
         return null;
       }
       if (!filterFunction(id)) return null;
@@ -174,6 +174,18 @@ function PluginDevProxyModuleTopLevelAwait() {
   };
 }
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+const warn = message => message.split('\n').forEach(msg => console.warn('\x1b[33m%s\x1b[0m', msg));
 function normalizeExposesItem(key, item) {
   let importPath = '';
   if (typeof item === 'string') {
@@ -246,7 +258,7 @@ function normalizeShareItem(key, shareItem) {
       from: '',
       shareConfig: {
         singleton: false,
-        requiredVersion: `^${version}` || '*'
+        requiredVersion: version ? `^${version}` : '*'
       }
     };
   }
@@ -257,7 +269,7 @@ function normalizeShareItem(key, shareItem) {
     scope: shareItem.shareScope || 'default',
     shareConfig: {
       singleton: shareItem.singleton || false,
-      requiredVersion: shareItem.requiredVersion || `^${version}` || '*',
+      requiredVersion: shareItem.requiredVersion || (version ? `^${version}` : '*'),
       strictVersion: !!shareItem.strictVersion
     }
   };
@@ -283,13 +295,13 @@ function normalizeLibrary(library) {
   return library;
 }
 function normalizeManifest(manifest = false) {
-  if (typeof manifest === "boolean") {
+  if (typeof manifest === 'boolean') {
     return manifest;
   }
   return Object.assign({
-    filePath: "",
+    filePath: '',
     disableAssetsAnalyze: false,
-    fileName: "mf-manifest.json"
+    fileName: 'mf-manifest.json'
   }, manifest);
 }
 let config;
@@ -298,10 +310,13 @@ function getNormalizeModuleFederationOptions() {
 }
 function getNormalizeShareItem(key) {
   const options = getNormalizeModuleFederationOptions();
-  const shareItem = options.shared[removePathFromNpmPackage(key)] || options.shared[removePathFromNpmPackage(key) + "/"];
+  const shareItem = options.shared[removePathFromNpmPackage(key)] || options.shared[removePathFromNpmPackage(key) + '/'];
   return shareItem;
 }
 function normalizeModuleFederationOptions(options) {
+  if (options.getPublicPath || options.publicPath) {
+    warn(`We are ignoring the getPublicPath and publicPath options because they are natively supported by Vite\nwith the "experimental.renderBuiltUrl" configuration https://vitejs.dev/guide/build#advanced-base-options`);
+  }
   return config = {
     exposes: normalizeExposes(options.exposes),
     filename: options.filename || 'remoteEntry-[hash]',
@@ -313,11 +328,11 @@ function normalizeModuleFederationOptions(options) {
     shareScope: options.shareScope || 'default',
     shared: normalizeShared(options.shared),
     runtimePlugins: options.runtimePlugins || [],
-    getPublicPath: options.getPublicPath,
     implementation: options.implementation,
     manifest: normalizeManifest(options.manifest),
     dev: options.dev,
-    dts: options.dts
+    dts: options.dts,
+    shareStrategy: options.shareStrategy
   };
 }
@@ -335,8 +350,8 @@ function normalizeModuleFederationOptions(options) {
  * @returns {string} - The encoded file name.
  */
 function packageNameEncode(name) {
-  if (typeof name !== "string") throw new Error("A string package name is required");
-  return name.replace(/@/g, "_mf_0_").replace(/\//g, "_mf_1_").replace(/-/g, "_mf_2_").replace(/\./g, "_mf_3_");
+  if (typeof name !== 'string') throw new Error('A string package name is required');
+  return name.replace(/@/g, '_mf_0_').replace(/\//g, '_mf_1_').replace(/-/g, '_mf_2_').replace(/\./g, '_mf_3_');
 }
 /**
  * Decodes an encoded file name back to the original package name.
@@ -344,8 +359,8 @@ function packageNameEncode(name) {
  * @returns {string} - The decoded package name.
  */
 function packageNameDecode(encoded) {
-  if (typeof encoded !== "string") throw new Error("A string encoded file name is required");
-  return encoded.replace(/_mf_0_/g, "@").replace(/_mf_1_/g, "/").replace(/_mf_2_/g, "-").replace(/_mf_3_/g, ".");
+  if (typeof encoded !== 'string') throw new Error('A string encoded file name is required');
+  return encoded.replace(/_mf_0_/g, '@').replace(/_mf_1_/g, '/').replace(/_mf_2_/g, '-').replace(/_mf_3_/g, '.');
 }
 /**
@@ -355,11 +370,11 @@ function getLocalSharedImportMapPath_temp() {
   const {
     name
   } = getNormalizeModuleFederationOptions();
-  return path__default.resolve(".__mf__temp", packageNameEncode(name), "localSharedImportMap");
+  return path__default.resolve('.__mf__temp', packageNameEncode(name), 'localSharedImportMap');
 }
 function writeLocalSharedImportMap_temp(content) {
   const localSharedImportMapId = getLocalSharedImportMapPath_temp();
-  createFile(localSharedImportMapId + ".js", "\n// Windows temporarily needs this file, https://github.com/module-federation/vite/issues/68\n" + content);
+  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);
@@ -378,16 +393,16 @@ const nodeModulesDir = function findNodeModulesDir(startDir = process.cwd()) {
     }
     currentDir = dirname(currentDir);
   }
-  return "";
+  return '';
 }();
-const virtualPackageName = "__mf__virtual";
+const virtualPackageName = '__mf__virtual';
 if (!existsSync(resolve(nodeModulesDir, virtualPackageName))) {
   mkdirSync(resolve(nodeModulesDir, virtualPackageName));
 }
-writeFileSync(resolve(nodeModulesDir, virtualPackageName, "empty.js"), "");
-writeFileSync(resolve(nodeModulesDir, virtualPackageName, "package.json"), JSON.stringify({
+writeFileSync(resolve(nodeModulesDir, virtualPackageName, 'empty.js'), '');
+writeFileSync(resolve(nodeModulesDir, virtualPackageName, 'package.json'), JSON.stringify({
   name: virtualPackageName,
-  main: "empty.js"
+  main: 'empty.js'
 }));
 const patternMap = {};
 const cacheMap = {};
@@ -395,13 +410,13 @@ const cacheMap = {};
  * Physically generate files as virtual modules under node_modules/__mf__virtual/*
  */
 class VirtualModule {
-  static findModule(tag, str = "") {
+  static findModule(tag, str = '') {
     if (!patternMap[tag]) patternMap[tag] = new RegExp(`(.*${packageNameEncode(tag)}(.+?)${packageNameEncode(tag)}.*)`);
     const moduleName = (str.match(patternMap[tag]) || [])[2];
     if (moduleName) return cacheMap[tag][packageNameDecode(moduleName)];
     return undefined;
   }
-  constructor(name, tag = '__mf_v__', suffix = "") {
+  constructor(name, tag = '__mf_v__', suffix = '') {
     var _name$split$slice$pop;
     this.name = void 0;
     this.tag = void 0;
@@ -409,7 +424,7 @@ class VirtualModule {
     this.inited = false;
     this.name = name;
     this.tag = tag;
-    this.suffix = suffix || ((_name$split$slice$pop = name.split(".").slice(1).pop()) == null ? void 0 : _name$split$slice$pop.replace(/(.)/, ".$1")) || ".js";
+    this.suffix = suffix || ((_name$split$slice$pop = name.split('.').slice(1).pop()) == null ? void 0 : _name$split$slice$pop.replace(/(.)/, '.$1')) || '.js';
     if (!cacheMap[this.tag]) cacheMap[this.tag] = {};
     cacheMap[this.tag][this.name] = this;
   }
@@ -434,7 +449,30 @@ class VirtualModule {
   }
 }
-const virtualRuntimeInitStatus = new VirtualModule("runtimeInit");
+const VIRTUAL_EXPOSES = 'virtual:mf-exposes';
+function generateExposes() {
+  const options = getNormalizeModuleFederationOptions();
+  return `
+    export default {
+    ${Object.keys(options.exposes).map(key => {
+    return `
+        ${JSON.stringify(key)}: async () => {
+          const importModule = await import(${JSON.stringify(options.exposes[key].import)})
+          const exportModule = {}
+          Object.assign(exportModule, importModule)
+          Object.defineProperty(exportModule, "__esModule", {
+            value: true,
+            enumerable: false
+          })
+          return exportModule
+        }
+      `;
+  }).join(',')}
+  }
+  `;
+}
+const virtualRuntimeInitStatus = new VirtualModule('runtimeInit');
 function writeRuntimeInitStatus() {
   virtualRuntimeInitStatus.writeSync(`
     let initResolve, initReject
@@ -454,7 +492,7 @@ const cacheRemoteMap = {};
 const LOAD_REMOTE_TAG = '__loadRemote__';
 function getRemoteVirtualModule(remote, command) {
   if (!cacheRemoteMap[remote]) {
-    cacheRemoteMap[remote] = new VirtualModule(remote, LOAD_REMOTE_TAG, ".js");
+    cacheRemoteMap[remote] = new VirtualModule(remote, LOAD_REMOTE_TAG, '.js');
     cacheRemoteMap[remote].writeSync(generateRemotes(remote, command));
   }
   const virtual = cacheRemoteMap[remote];
@@ -475,7 +513,7 @@ function generateRemotes(id, command) {
     const {loadRemote} = require("@module-federation/runtime")
     const {initPromise} = require("${virtualRuntimeInitStatus.getImportId()}")
     const res = initPromise.then(_ => loadRemote(${JSON.stringify(id)}))
-    const exportModule = ${command !== "build" ? "/*mf top-level-await placeholder replacement mf*/" : "await "}initPromise.then(_ => res)
+    const exportModule = ${command !== 'build' ? '/*mf top-level-await placeholder replacement mf*/' : 'await '}initPromise.then(_ => res)
     module.exports = exportModule
   `;
 }
@@ -487,10 +525,10 @@ function generateRemotes(id, command) {
  */
 // *** __prebuild__
 const preBuildCacheMap = {};
-const PREBUILD_TAG = "__prebuild__";
+const PREBUILD_TAG = '__prebuild__';
 function writePreBuildLibPath(pkg) {
   if (!preBuildCacheMap[pkg]) preBuildCacheMap[pkg] = new VirtualModule(pkg, PREBUILD_TAG);
-  preBuildCacheMap[pkg].writeSync("");
+  preBuildCacheMap[pkg].writeSync('');
 }
 function getPreBuildLibImportId(pkg) {
   if (!preBuildCacheMap[pkg]) preBuildCacheMap[pkg] = new VirtualModule(pkg, PREBUILD_TAG);
@@ -498,10 +536,10 @@ function getPreBuildLibImportId(pkg) {
   return importId;
 }
 // *** __loadShare__
-const LOAD_SHARE_TAG = "__loadShare__";
+const LOAD_SHARE_TAG = '__loadShare__';
 const loadShareCacheMap = {};
 function getLoadShareModulePath(pkg) {
-  if (!loadShareCacheMap[pkg]) loadShareCacheMap[pkg] = new VirtualModule(pkg, LOAD_SHARE_TAG, ".js");
+  if (!loadShareCacheMap[pkg]) loadShareCacheMap[pkg] = new VirtualModule(pkg, LOAD_SHARE_TAG, '.js');
   const filepath = loadShareCacheMap[pkg].getPath();
   return filepath;
 }
@@ -510,7 +548,7 @@ function writeLoadShareModule(pkg, shareItem, command) {
     ;() => import(${JSON.stringify(getPreBuildLibImportId(pkg))}).catch(() => {});
     // dev uses dynamic import to separate chunks
-    ${command !== "build" ? `;() => import(${JSON.stringify(pkg)}).catch(() => {});` : ''}
+    ${command !== 'build' ? `;() => import(${JSON.stringify(pkg)}).catch(() => {});` : ''}
     const {loadShare} = require("@module-federation/runtime")
     const {initPromise} = require("${virtualRuntimeInitStatus.getImportId()}")
     const res = initPromise.then(_ => loadShare(${JSON.stringify(pkg)}, {
@@ -519,7 +557,7 @@ function writeLoadShareModule(pkg, shareItem, command) {
       strictVersion: ${shareItem.shareConfig.strictVersion},
       requiredVersion: ${JSON.stringify(shareItem.shareConfig.requiredVersion)}
     }}}))
-    const exportModule = ${command !== "build" ? "/*mf top-level-await placeholder replacement mf*/" : "await "}res.then(factory => factory())
+    const exportModule = ${command !== 'build' ? '/*mf top-level-await placeholder replacement mf*/' : 'await '}res.then(factory => factory())
     module.exports = exportModule
   `);
 }
@@ -532,7 +570,7 @@ function addUsedShares(pkg) {
   usedShares.add(pkg);
 }
 // *** Expose locally provided shared modules here
-new VirtualModule("localSharedImportMap");
+new VirtualModule('localSharedImportMap');
 function getLocalSharedImportMapPath() {
   return getLocalSharedImportMapPath_temp();
   // return localSharedImportMapModule.getPath()
@@ -555,7 +593,7 @@ function generateLocalSharedImportMap() {
           let pkg = await import("${getPreBuildLibImportId(pkg)}")
           return pkg
         }
-      `).join(",")}
+      `).join(',')}
     }
       const usedShared = {
       ${Array.from(getUsedShares()).map(key => {
@@ -613,23 +651,7 @@ function generateRemoteEntry(options) {
   return `
   import {init as runtimeInit, loadRemote} from "@module-federation/runtime";
   ${pluginImportNames.map(item => item[1]).join('\n')}
-  const exposesMap = {
-    ${Object.keys(options.exposes).map(key => {
-    return `
-        ${JSON.stringify(key)}: async () => {
-          const importModule = await import(${JSON.stringify(options.exposes[key].import)})
-          const exportModule = {}
-          Object.assign(exportModule, importModule)
-          Object.defineProperty(exportModule, "__esModule", {
-            value: true,
-            enumerable: false
-          })
-          return exportModule
-        }
-      `;
-  }).join(',')}
-  }
+  import exposesMap from "${VIRTUAL_EXPOSES}"
   import {usedShared, usedRemotes} from "${getLocalSharedImportMapPath()}"
   import {
     initResolve
@@ -639,7 +661,8 @@ function generateRemoteEntry(options) {
       name: ${JSON.stringify(options.name)},
       remotes: usedRemotes,
       shared: usedShared,
-      plugins: [${pluginImportNames.map(item => `${item[0]}()`).join(', ')}]
+      plugins: [${pluginImportNames.map(item => `${item[0]}()`).join(', ')}],
+      ${options.shareStrategy ? `shareStrategy: ${options.shareStrategy}` : ''}
     });
     initRes.initShareScopeMap('${options.shareScope}', shared);
     initResolve(initRes)
@@ -660,7 +683,7 @@ function generateRemoteEntry(options) {
  * Inject entry file, automatically init when used as host,
  * and will not inject remoteEntry
  */
-const hostAutoInitModule = new VirtualModule("hostAutoInit");
+const hostAutoInitModule = new VirtualModule('hostAutoInit');
 function writeHostAutoInit() {
   hostAutoInitModule.writeSync(`
     import {init} from "${REMOTE_ENTRY_ID}"
@@ -687,20 +710,19 @@ const Manifest = () => {
     filename,
     manifest: manifestOptions
   } = mfOptions;
-  let mfManifestName = "";
+  let mfManifestName = '';
   if (manifestOptions === true) {
-    mfManifestName = "mf-manifest.json";
+    mfManifestName = 'mf-manifest.json';
   }
-  if (typeof manifestOptions !== "boolean") {
-    mfManifestName = join((manifestOptions == null ? void 0 : manifestOptions.filePath) || "", (manifestOptions == null ? void 0 : manifestOptions.fileName) || "");
+  if (typeof manifestOptions !== 'boolean') {
+    mfManifestName = join((manifestOptions == null ? void 0 : manifestOptions.filePath) || '', (manifestOptions == null ? void 0 : manifestOptions.fileName) || '');
   }
   let extensions;
   let root;
   let remoteEntryFile;
-  let publicPath;
   let _command;
   return [{
-    name: 'moddule-federation-manifest',
+    name: 'module-federation-manifest',
     apply: 'serve',
     configureServer(server) {
       server.middlewares.use((req, res, next) => {
@@ -708,10 +730,10 @@ const Manifest = () => {
           next();
           return;
         }
-        if (req.url === mfManifestName.replace(/^\/?/, "/")) {
+        if (req.url === mfManifestName.replace(/^\/?/, '/')) {
           res.setHeader('Content-Type', 'application/json');
           res.setHeader('Access-Control-Allow-Origin', '*');
-          res.end(JSON.stringify({
+          res.end(JSON.stringify(_extends({}, generateMFManifest({}), {
             id: name,
             name: name,
             metaData: {
@@ -736,70 +758,16 @@ const Manifest = () => {
                 name: ''
               },
               globalName: name,
-              pluginVersion: '0.2.5',
-              publicPath
-            },
-            shared: Array.from(getUsedShares()).map(shareKey => {
-              const shareItem = getNormalizeShareItem(shareKey);
-              return {
-                id: `${name}:${shareKey}`,
-                name: shareKey,
-                version: shareItem.version,
-                requiredVersion: shareItem.shareConfig.requiredVersion,
-                assets: {
-                  js: {
-                    async: [],
-                    sync: []
-                  },
-                  css: {
-                    async: [],
-                    sync: []
-                  }
-                }
-              };
-            }),
-            remotes: function () {
-              const remotes = [];
-              const usedRemotesMap = getUsedRemotesMap();
-              Object.keys(usedRemotesMap).forEach(remoteKey => {
-                const usedModules = Array.from(usedRemotesMap[remoteKey]);
-                usedModules.forEach(moduleKey => {
-                  remotes.push({
-                    federationContainerName: mfOptions.remotes[remoteKey].entry,
-                    moduleName: moduleKey.replace(remoteKey, '').replace('/', ''),
-                    alias: remoteKey,
-                    entry: '*'
-                  });
-                });
-              });
-              return remotes;
-            }(),
-            exposes: Object.keys(mfOptions.exposes).map(key => {
-              const formatKey = key.replace('./', '');
-              return {
-                id: name + ':' + formatKey,
-                name: formatKey,
-                assets: {
-                  js: {
-                    async: [],
-                    sync: []
-                  },
-                  css: {
-                    sync: [],
-                    async: []
-                  }
-                },
-                path: key
-              };
-            })
-          }));
+              pluginVersion: '0.2.5'
+            }
+          })));
         } else {
           next();
         }
       });
     }
   }, {
-    name: 'moddule-federation-manifest',
+    name: 'module-federation-manifest',
     enforce: 'post',
     config(config, {
       command
@@ -811,10 +779,10 @@ const Manifest = () => {
     configResolved(config) {
       root = config.root;
       extensions = config.resolve.extensions || ['.mjs', '.js', '.mts', '.ts', '.jsx', '.tsx', '.json'];
-      publicPath = config.base ? config.base.replace(/\/?$/, "/") : "auto";
-      if (_command === "serve") {
+      config.base ? config.base.replace(/\/?$/, '/') : 'auto';
+      if (_command === 'serve') {
         const origin = config.server.origin;
-        publicPath = origin ? origin.replace(/\/?$/, "/") : "auto";
+        origin ? origin.replace(/\/?$/, '/') : 'auto';
       }
     },
     async generateBundle(options, bundle) {
@@ -835,7 +803,7 @@ const Manifest = () => {
       };
       // 遍历打包生成的每个文件
       for (const [fileName, fileData] of Object.entries(bundle)) {
-        if (mfOptions.filename.replace(/[\[\]]/g, "_") === fileData.name || fileData.name === "remoteEntry") {
+        if (mfOptions.filename.replace(/[\[\]]/g, '_') === fileData.name || fileData.name === 'remoteEntry') {
           remoteEntryFile = fileData.fileName;
         }
         if (fileData.type === 'chunk') {
@@ -845,7 +813,7 @@ const Manifest = () => {
             const relativeModulePath = relative(root, modulePath);
             // 检查模块是否在 preloadModules 列表中
             for (const preloadModule of exposesModules) {
-              const formatPreloadModule = preloadModule.replace("./", "");
+              const formatPreloadModule = preloadModule.replace('./', '');
               if (isModuleMatched(relativeModulePath, formatPreloadModule)) {
                 if (!filesContainingModules[preloadModule]) {
                   filesContainingModules[preloadModule] = {
@@ -878,7 +846,7 @@ const Manifest = () => {
       }
       const fileToShareKey = {};
       await Promise.all(Array.from(getUsedShares()).map(async shareKey => {
-        const file = (await this.resolve(getPreBuildLibImportId(shareKey))).id.split("?")[0];
+        const file = (await this.resolve(getPreBuildLibImportId(shareKey))).id.split('?')[0];
         fileToShareKey[file] = shareKey;
       }));
       // 遍历打包生成的每个文件
@@ -909,7 +877,7 @@ const Manifest = () => {
       this.emitFile({
         type: 'asset',
         fileName: mfManifestName,
-        source: generateMFManifest(filesContainingModules)
+        source: JSON.stringify(generateMFManifest(filesContainingModules))
       });
     }
   }];
@@ -938,8 +906,7 @@ const Manifest = () => {
     });
     // @ts-ignore
     const shared = Array.from(getUsedShares()).map(shareKey => {
-      // assets(.css, .jpg, .svg等)其他资源, 不重要, 暂未处理
-      if (!preloadMap[shareKey]) return;
+      var _preloadMap$shareKey, _preloadMap$shareKey2;
       const shareItem = getNormalizeShareItem(shareKey);
       return {
         id: `${name}:${shareKey}`,
@@ -948,8 +915,8 @@ const Manifest = () => {
         requiredVersion: shareItem.shareConfig.requiredVersion,
         assets: {
           js: {
-            async: preloadMap[shareKey].async,
-            sync: preloadMap[shareKey].sync
+            async: (preloadMap == null || (_preloadMap$shareKey = preloadMap[shareKey]) == null ? void 0 : _preloadMap$shareKey.async) || [],
+            sync: (preloadMap == null || (_preloadMap$shareKey2 = preloadMap[shareKey]) == null ? void 0 : _preloadMap$shareKey2.sync) || []
           },
           css: {
             async: [],
@@ -959,17 +926,17 @@ const Manifest = () => {
       };
     }).filter(item => item);
     const exposes = Object.keys(options.exposes).map(key => {
+      var _preloadMap$sourceFil, _preloadMap$sourceFil2;
       // assets(.css, .jpg, .svg等)其他资源, 不重要, 暂未处理
       const formatKey = key.replace('./', '');
       const sourceFile = options.exposes[key].import;
-      if (!preloadMap[sourceFile]) return;
       return {
         id: name + ':' + formatKey,
         name: formatKey,
         assets: {
           js: {
-            async: preloadMap[sourceFile].async,
-            sync: preloadMap[sourceFile].sync
+            async: (preloadMap == null || (_preloadMap$sourceFil = preloadMap[sourceFile]) == null ? void 0 : _preloadMap$sourceFil.async) || [],
+            sync: (preloadMap == null || (_preloadMap$sourceFil2 = preloadMap[sourceFile]) == null ? void 0 : _preloadMap$sourceFil2.sync) || []
           },
           css: {
             sync: [],
@@ -998,14 +965,13 @@ const Manifest = () => {
           // "api": "@mf-types.d.ts"
         },
         globalName: name,
-        pluginVersion: '0.2.5',
-        publicPath
+        pluginVersion: '0.2.5'
       },
       shared,
       remotes,
       exposes
     };
-    return JSON.stringify(result);
+    return result;
   }
 };
@@ -1014,20 +980,21 @@ let _resolve,
     _resolve = resolve;
   });
 let parsePromise = promise;
+let exposesParseEnd = false;
 const parseStartSet = new Set();
 const parseEndSet = new Set();
 function pluginModuleParseEnd (excludeFn) {
   return [{
-    name: "_",
-    apply: "serve",
+    name: '_',
+    apply: 'serve',
     config() {
       // No waiting in development mode
       _resolve(1);
     }
   }, {
-    enforce: "pre",
-    name: "parseStart",
-    apply: "build",
+    enforce: 'pre',
+    name: 'parseStart',
+    apply: 'build',
     load(id) {
       if (excludeFn(id)) {
         return;
@@ -1035,16 +1002,20 @@ function pluginModuleParseEnd (excludeFn) {
       parseStartSet.add(id);
     }
   }, {
-    enforce: "post",
-    name: "parseEnd",
-    apply: "build",
+    enforce: 'post',
+    name: 'parseEnd',
+    apply: 'build',
     moduleParsed(module) {
       const id = module.id;
       if (excludeFn(id)) {
         return;
       }
+      if (id === VIRTUAL_EXPOSES) {
+        // When the entry JS file is empty and only contains exposes export code, it’s necessary to wait for the exposes modules to be resolved in order to collect the dependencies being used.
+        exposesParseEnd = true;
+      }
       parseEndSet.add(id);
-      if (parseStartSet.size === parseEndSet.size) {
+      if (exposesParseEnd && parseStartSet.size === parseEndSet.size) {
         _resolve(1);
       }
     }
@@ -1060,17 +1031,26 @@ function pluginProxyRemoteEntry () {
       if (id === REMOTE_ENTRY_ID) {
         return REMOTE_ENTRY_ID;
       }
+      if (id === VIRTUAL_EXPOSES) {
+        return VIRTUAL_EXPOSES;
+      }
     },
     load(id) {
       if (id === REMOTE_ENTRY_ID) {
         return parsePromise.then(_ => generateRemoteEntry(getNormalizeModuleFederationOptions()));
       }
+      if (id === VIRTUAL_EXPOSES) {
+        return generateExposes();
+      }
     },
     async transform(code, id) {
       if (!filter(id)) return;
       if (id.includes(REMOTE_ENTRY_ID)) {
         return parsePromise.then(_ => generateRemoteEntry(getNormalizeModuleFederationOptions()));
       }
+      if (id === VIRTUAL_EXPOSES) {
+        return generateExposes();
+      }
     }
   };
 }
@@ -1081,7 +1061,7 @@ function pluginProxyRemotes (options) {
     remotes
   } = options;
   return {
-    name: "proxyRemotes",
+    name: 'proxyRemotes',
     config(config, {
       command: _command
     }) {
@@ -1089,7 +1069,7 @@ function pluginProxyRemotes (options) {
         const remote = remotes[key];
         config.resolve.alias.push({
           find: new RegExp(`^(${remote.name}(\/.*|$))`),
-          replacement: "$1",
+          replacement: '$1',
           customResolver(source) {
             const remoteModule = getRemoteVirtualModule(source, _command);
             addUsedRemote(remote.name, source);
@@ -1143,8 +1123,8 @@ function proxySharedModule(options) {
   } = options;
   let _config;
   return [{
-    name: "generateLocalSharedImportMap",
-    enforce: "post",
+    name: 'generateLocalSharedImportMap',
+    enforce: 'post',
     load(id) {
       if (id.includes(getLocalSharedImportMapPath())) {
         return parsePromise.then(_ => generateLocalSharedImportMap());
@@ -1165,11 +1145,11 @@ function proxySharedModule(options) {
       command
     }) {
       config.resolve.alias.push(...Object.keys(shared).map(key => {
-        const pattern = key.endsWith("/") ? `(^${key.replace(/\/$/, "")}(\/.+)?$)` : `(^${key}$)`;
+        const pattern = key.endsWith('/') ? `(^${key.replace(/\/$/, '')}(\/.+)?$)` : `(^${key}$)`;
         return {
           // Intercept all shared requests and proxy them to loadShare
           find: new RegExp(pattern),
-          replacement: "$1",
+          replacement: '$1',
           customResolver(source, importer) {
             if (/\.css$/.test(source)) return;
             const loadSharePath = getLoadShareModulePath(source);
@@ -1183,7 +1163,7 @@ function proxySharedModule(options) {
       }));
       const savePrebuild = new PromiseStore();
       config.resolve.alias.push(...Object.keys(shared).map(key => {
-        return command === "build" ? {
+        return command === 'build' ? {
           find: new RegExp(`(.*${PREBUILD_TAG}.*)`),
           replacement: function ($1) {
             const pkgName = VirtualModule.findModule(PREBUILD_TAG, $1).name;
@@ -1191,7 +1171,7 @@ function proxySharedModule(options) {
           }
         } : {
           find: new RegExp(`(.*${PREBUILD_TAG}.*)`),
-          replacement: "$1",
+          replacement: '$1',
           async customResolver(source, importer) {
             const pkgName = VirtualModule.findModule(PREBUILD_TAG, source).name;
             const result = await this.resolve(pkgName).then(item => item.id);
@@ -1206,8 +1186,8 @@ function proxySharedModule(options) {
       }));
     }
   }, {
-    name: "watchLocalSharedImportMap",
-    apply: "serve",
+    name: 'watchLocalSharedImportMap',
+    apply: 'serve',
     config(config) {
       config.optimizeDeps = defu(config.optimizeDeps, {
         exclude: [getLocalSharedImportMapPath()]
@@ -1271,7 +1251,7 @@ function federation(mfUserOptions) {
     shared,
     filename
   } = options;
-  if (!name) throw new Error("name is required");
+  if (!name) throw new Error('name is required');
   return [aliasToArrayPlugin, normalizeOptimizeDepsPlugin, ...addEntry({
     entryName: 'remoteEntry',
     entryPath: REMOTE_ENTRY_ID,
@@ -1279,6 +1259,9 @@ function federation(mfUserOptions) {
   }), ...addEntry({
     entryName: 'hostInit',
     entryPath: getHostAutoInitPath()
+  }), ...addEntry({
+    entryName: 'virtualExposes',
+    entryPath: VIRTUAL_EXPOSES
   }), pluginProxyRemoteEntry(), pluginProxyRemotes(options), ...pluginModuleParseEnd(id => {
     return id.includes(getHostAutoInitImportId()) || id.includes(REMOTE_ENTRY_ID) || id.includes(getLocalSharedImportMapPath());
   }), ...proxySharedModule({
@@ -1290,6 +1273,7 @@ function federation(mfUserOptions) {
       command: _command
     }) {
       var _config$optimizeDeps;
+      // TODO: singleton
       config.resolve.alias.push({
         find: '@module-federation/runtime',
         replacement: require.resolve('@module-federation/runtime')