@module-federation/modern-js 0.11.2 → 0.11.4

package/dist/esm-node/cli/configPlugin.js

@@ -1,11 +1,237 @@
 import path from "path";
-import { patchBundlerConfig, getIPV4, getMFConfig, patchMFConfig, addMyTypes2Ignored, isWebTarget, skipByTarget } from "./utils";
+import { getIPV4, isWebTarget, skipByTarget } from "./utils";
+import { encodeName } from "@module-federation/sdk";
+import { bundle } from "@modern-js/node-bundle-require";
+import { LOCALHOST, PLUGIN_IDENTIFIER } from "../constant";
+import { autoDeleteSplitChunkCacheGroups } from "@module-federation/rsbuild-plugin/utils";
+import logger from "./logger";
+const defaultPath = path.resolve(process.cwd(), "module-federation.config.ts");
+const isDev = process.env.NODE_ENV === "development";
 function setEnv(enableSSR) {
   if (enableSSR) {
     process.env["MF_DISABLE_EMIT_STATS"] = "true";
     process.env["MF_SSR_PRJ"] = "true";
   }
 }
+const getMFConfig = async (userConfig) => {
+  const { config, configPath } = userConfig;
+  if (config) {
+    return config;
+  }
+  const mfConfigPath = configPath ? configPath : defaultPath;
+  const preBundlePath = await bundle(mfConfigPath);
+  const mfConfig = (await import(preBundlePath)).default;
+  return mfConfig;
+};
+const injectRuntimePlugins = (runtimePlugin, runtimePlugins) => {
+  if (!runtimePlugins.includes(runtimePlugin)) {
+    runtimePlugins.push(runtimePlugin);
+  }
+};
+const replaceRemoteUrl = (mfConfig, remoteIpStrategy) => {
+  if (remoteIpStrategy && remoteIpStrategy === "inherit") {
+    return;
+  }
+  if (!mfConfig.remotes) {
+    return;
+  }
+  const ipv4 = getIPV4();
+  const handleRemoteObject = (remoteObject) => {
+    Object.keys(remoteObject).forEach((remoteKey) => {
+      const remote = remoteObject[remoteKey];
+      if (Array.isArray(remote)) {
+        return;
+      }
+      if (typeof remote === "string" && remote.includes(LOCALHOST)) {
+        remoteObject[remoteKey] = remote.replace(LOCALHOST, ipv4);
+      }
+      if (typeof remote === "object" && !Array.isArray(remote.external) && remote.external.includes(LOCALHOST)) {
+        remote.external = remote.external.replace(LOCALHOST, ipv4);
+      }
+    });
+  };
+  if (Array.isArray(mfConfig.remotes)) {
+    mfConfig.remotes.forEach((remoteObject) => {
+      if (typeof remoteObject === "string") {
+        return;
+      }
+      handleRemoteObject(remoteObject);
+    });
+  } else if (typeof mfConfig.remotes !== "string") {
+    handleRemoteObject(mfConfig.remotes);
+  }
+};
+const patchDTSConfig = (mfConfig, isServer) => {
+  if (isServer) {
+    return;
+  }
+  const ModernJSRuntime = "@modern-js/runtime/mf";
+  if (mfConfig.dts !== false) {
+    var _mfConfig_dts, _mfConfig_dts1;
+    if (typeof mfConfig.dts === "boolean" || mfConfig.dts === void 0) {
+      mfConfig.dts = {
+        consumeTypes: {
+          runtimePkgs: [
+            ModernJSRuntime
+          ]
+        }
+      };
+    } else if (((_mfConfig_dts = mfConfig.dts) === null || _mfConfig_dts === void 0 ? void 0 : _mfConfig_dts.consumeTypes) || ((_mfConfig_dts1 = mfConfig.dts) === null || _mfConfig_dts1 === void 0 ? void 0 : _mfConfig_dts1.consumeTypes) === void 0) {
+      var _mfConfig_dts2;
+      if (typeof mfConfig.dts.consumeTypes === "boolean" || ((_mfConfig_dts2 = mfConfig.dts) === null || _mfConfig_dts2 === void 0 ? void 0 : _mfConfig_dts2.consumeTypes) === void 0) {
+        mfConfig.dts.consumeTypes = {
+          runtimePkgs: [
+            ModernJSRuntime
+          ]
+        };
+      } else {
+        mfConfig.dts.consumeTypes.runtimePkgs = mfConfig.dts.consumeTypes.runtimePkgs || [];
+        if (!mfConfig.dts.consumeTypes.runtimePkgs.includes(ModernJSRuntime)) {
+          mfConfig.dts.consumeTypes.runtimePkgs.push(ModernJSRuntime);
+        }
+      }
+    }
+  }
+};
+const patchMFConfig = (mfConfig, isServer, remoteIpStrategy) => {
+  replaceRemoteUrl(mfConfig, remoteIpStrategy);
+  if (mfConfig.remoteType === void 0) {
+    mfConfig.remoteType = "script";
+  }
+  if (!mfConfig.name) {
+    throw new Error(`${PLUGIN_IDENTIFIER} mfConfig.name can not be empty!`);
+  }
+  const runtimePlugins = [
+    ...mfConfig.runtimePlugins || []
+  ];
+  patchDTSConfig(mfConfig, isServer);
+  injectRuntimePlugins(require.resolve("@module-federation/modern-js/shared-strategy"), runtimePlugins);
+  if (isDev) {
+    injectRuntimePlugins(require.resolve("@module-federation/modern-js/resolve-entry-ipv4"), runtimePlugins);
+  }
+  if (isServer) {
+    injectRuntimePlugins(require.resolve("@module-federation/node/runtimePlugin"), runtimePlugins);
+    if (isDev) {
+      injectRuntimePlugins(require.resolve("@module-federation/node/record-dynamic-remote-entry-hash-plugin"), runtimePlugins);
+    }
+    injectRuntimePlugins(require.resolve("@module-federation/modern-js/inject-node-fetch"), runtimePlugins);
+    if (!mfConfig.library) {
+      mfConfig.library = {
+        type: "commonjs-module",
+        name: mfConfig.name
+      };
+    } else {
+      if (!mfConfig.library.type) {
+        mfConfig.library.type = "commonjs-module";
+      }
+      if (!mfConfig.library.name) {
+        mfConfig.library.name = mfConfig.name;
+      }
+    }
+  }
+  mfConfig.runtimePlugins = runtimePlugins;
+  if (!isServer) {
+    var _mfConfig_library;
+    if (((_mfConfig_library = mfConfig.library) === null || _mfConfig_library === void 0 ? void 0 : _mfConfig_library.type) === "commonjs-module") {
+      mfConfig.library.type = "global";
+    }
+    return mfConfig;
+  }
+  mfConfig.dts = false;
+  mfConfig.dev = false;
+  return mfConfig;
+};
+function patchIgnoreWarning(chain) {
+  const ignoreWarnings = chain.get("ignoreWarnings") || [];
+  const ignoredMsgs = [
+    "external script",
+    "process.env.WS_NO_BUFFER_UTIL",
+    `Can't resolve 'utf-8-validate`
+  ];
+  ignoreWarnings.push((warning) => {
+    if (ignoredMsgs.some((msg) => warning.message.includes(msg))) {
+      return true;
+    }
+    return false;
+  });
+  chain.ignoreWarnings(ignoreWarnings);
+}
+function addMyTypes2Ignored(chain, mfConfig) {
+  const watchOptions = chain.get("watchOptions");
+  if (!watchOptions || !watchOptions.ignored) {
+    chain.watchOptions({
+      ignored: /[\\/](?:\.git|node_modules|@mf-types)[\\/]/
+    });
+    return;
+  }
+  const ignored = watchOptions.ignored;
+  const DEFAULT_IGNORED_GLOB = "**/@mf-types/**";
+  if (Array.isArray(ignored)) {
+    if (mfConfig.dts !== false && typeof mfConfig.dts === "object" && typeof mfConfig.dts.consumeTypes === "object" && mfConfig.dts.consumeTypes.remoteTypesFolder) {
+      chain.watchOptions({
+        ...watchOptions,
+        ignored: ignored.concat(`**/${mfConfig.dts.consumeTypes.remoteTypesFolder}/**`)
+      });
+    } else {
+      chain.watchOptions({
+        ...watchOptions,
+        ignored: ignored.concat(DEFAULT_IGNORED_GLOB)
+      });
+    }
+    return;
+  }
+  if (typeof ignored !== "string") {
+    chain.watchOptions({
+      ...watchOptions,
+      ignored: /[\\/](?:\.git|node_modules|@mf-types)[\\/]/
+    });
+    return;
+  }
+  chain.watchOptions({
+    ...watchOptions,
+    ignored: ignored.concat(DEFAULT_IGNORED_GLOB)
+  });
+}
+function patchBundlerConfig(options) {
+  var _modernjsConfig_deploy;
+  const { chain, modernjsConfig, isServer, mfConfig, enableSSR } = options;
+  chain.optimization.delete("runtimeChunk");
+  patchIgnoreWarning(chain);
+  if (!chain.output.get("chunkLoadingGlobal")) {
+    chain.output.chunkLoadingGlobal(`chunk_${mfConfig.name}`);
+  }
+  if (!chain.output.get("uniqueName")) {
+    chain.output.uniqueName(mfConfig.name);
+  }
+  const splitChunkConfig = chain.optimization.splitChunks.entries();
+  if (!isServer) {
+    autoDeleteSplitChunkCacheGroups(mfConfig, splitChunkConfig);
+  }
+  if (!isServer && enableSSR && splitChunkConfig && typeof splitChunkConfig === "object" && splitChunkConfig.cacheGroups) {
+    splitChunkConfig.chunks = "async";
+    logger.warn(`splitChunks.chunks = async is not allowed with stream SSR mode, it will auto changed to "async"`);
+  }
+  if (isDev && chain.output.get("publicPath") === "auto") {
+    var _modernjsConfig_dev, _modernjsConfig_server;
+    const port = ((_modernjsConfig_dev = modernjsConfig.dev) === null || _modernjsConfig_dev === void 0 ? void 0 : _modernjsConfig_dev.port) || ((_modernjsConfig_server = modernjsConfig.server) === null || _modernjsConfig_server === void 0 ? void 0 : _modernjsConfig_server.port) || 8080;
+    const publicPath = `http://localhost:${port}/`;
+    chain.output.publicPath(publicPath);
+  }
+  if (isServer && enableSSR) {
+    const uniqueName = mfConfig.name || chain.output.get("uniqueName");
+    const chunkFileName = chain.output.get("chunkFilename");
+    if (typeof chunkFileName === "string" && uniqueName && !chunkFileName.includes(uniqueName)) {
+      const suffix = `${encodeName(uniqueName)}-[chunkhash].js`;
+      chain.output.chunkFilename(chunkFileName.replace(".js", suffix));
+    }
+  }
+  if (isDev && enableSSR && !isServer) {
+    chain.resolve.fallback.set("crypto", false).set("stream", false).set("vm", false);
+  }
+  if (((_modernjsConfig_deploy = modernjsConfig.deploy) === null || _modernjsConfig_deploy === void 0 ? void 0 : _modernjsConfig_deploy.microFrontend) && Object.keys(mfConfig.exposes || {}).length) {
+    chain.optimization.usedExports(false);
+  }
+}
 const moduleFederationConfigPlugin = (userConfig) => ({
   name: "@modern-js/plugin-module-federation-config",
   pre: [
@@ -23,7 +249,7 @@ const moduleFederationConfigPlugin = (userConfig) => ({
     userConfig.ssrConfig = ssrConfig;
     userConfig.csrConfig = csrConfig;
     var _userConfig_userConfig_ssr;
-    const enableSSR = (_userConfig_userConfig_ssr = (_userConfig_userConfig = userConfig.userConfig) === null || _userConfig_userConfig === void 0 ? void 0 : _userConfig_userConfig.ssr) !== null && _userConfig_userConfig_ssr !== void 0 ? _userConfig_userConfig_ssr : Boolean(modernjsConfig === null || modernjsConfig === void 0 ? void 0 : (_modernjsConfig_server = modernjsConfig.server) === null || _modernjsConfig_server === void 0 ? void 0 : _modernjsConfig_server.ssr);
+    const enableSSR = Boolean((_userConfig_userConfig_ssr = (_userConfig_userConfig = userConfig.userConfig) === null || _userConfig_userConfig === void 0 ? void 0 : _userConfig_userConfig.ssr) !== null && _userConfig_userConfig_ssr !== void 0 ? _userConfig_userConfig_ssr : Boolean(modernjsConfig === null || modernjsConfig === void 0 ? void 0 : (_modernjsConfig_server = modernjsConfig.server) === null || _modernjsConfig_server === void 0 ? void 0 : _modernjsConfig_server.ssr));
     api.modifyBundlerChain((chain) => {
       const target = chain.get("target");
       if (skipByTarget(target)) {
@@ -44,7 +270,7 @@ const moduleFederationConfigPlugin = (userConfig) => ({
       userConfig.distOutputDir = chain.output.get("path") || path.resolve(process.cwd(), "dist");
     });
     api.config(() => {
-      var _modernjsConfig_source, _modernjsConfig_source1, _modernjsConfig_dev;
+      var _modernjsConfig_tools, _userConfig_csrConfig, _modernjsConfig_source, _modernjsConfig_source1, _modernjsConfig_dev;
       const bundlerType = api.getAppContext().bundlerType === "rspack" ? "rspack" : "webpack";
       const ipv4 = getIPV4();
       if (userConfig.remoteIpStrategy === void 0) {
@@ -54,15 +280,28 @@ const moduleFederationConfigPlugin = (userConfig) => ({
           userConfig.remoteIpStrategy = "ipv4";
         }
       }
+      const devServerConfig = (_modernjsConfig_tools = modernjsConfig.tools) === null || _modernjsConfig_tools === void 0 ? void 0 : _modernjsConfig_tools.devServer;
+      const corsWarnMsgs = [
+        "View https://module-federation.io/guide/troubleshooting/other.html#cors-warn for more details."
+      ];
+      if (typeof devServerConfig !== "object" || !("headers" in devServerConfig)) {
+        corsWarnMsgs.unshift('Detect devServer.headers is empty, mf modern plugin will add default cors header: devServer.headers["Access-Control-Allow-Headers"] = "*". It is recommended to specify an allowlist of trusted origins instead.');
+      }
+      const exposes = (_userConfig_csrConfig = userConfig.csrConfig) === null || _userConfig_csrConfig === void 0 ? void 0 : _userConfig_csrConfig.exposes;
+      const hasExposes = exposes && Array.isArray(exposes) ? exposes.length : Object.keys(exposes !== null && exposes !== void 0 ? exposes : {}).length;
+      if (corsWarnMsgs.length > 1 && hasExposes) {
+        logger.warn(corsWarnMsgs.join("\n"));
+      }
+      const corsHeaders = hasExposes ? {
+        "Access-Control-Allow-Origin": "*",
+        "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, PATCH, OPTIONS",
+        "Access-Control-Allow-Headers": "*"
+      } : void 0;
       var _modernjsConfig_source_enableAsyncEntry;
       return {
         tools: {
           devServer: {
-            headers: {
-              "Access-Control-Allow-Origin": "*",
-              "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, PATCH, OPTIONS",
-              "Access-Control-Allow-Headers": "*"
-            }
+            headers: corsHeaders
           }
         },
         source: {
@@ -84,9 +323,13 @@ const moduleFederationConfigPlugin = (userConfig) => ({
 });
 var configPlugin_default = moduleFederationConfigPlugin;
 export {
+  addMyTypes2Ignored,
   configPlugin_default as default,
+  getMFConfig,
   isWebTarget,
   moduleFederationConfigPlugin,
+  patchBundlerConfig,
+  patchMFConfig,
   setEnv,
   skipByTarget
 };

package/dist/esm-node/cli/{utils.spec.js → configPlugin.spec.js}

@@ -1,5 +1,6 @@
 import { it, expect, describe } from "vitest";
-import { patchMFConfig, getIPV4 } from "./utils";
+import { patchMFConfig } from "./configPlugin";
+import { getIPV4 } from "./utils";
 const mfConfig = {
   name: "host",
   filename: "remoteEntry.js",

package/dist/esm-node/cli/index.js

@@ -12,7 +12,7 @@ const moduleFederationPlugin = (userConfig = {}) => {
     distOutputDir: "",
     originPluginOptions: userConfig,
     remoteIpStrategy: userConfig === null || userConfig === void 0 ? void 0 : userConfig.remoteIpStrategy,
-    userConfig
+    userConfig: userConfig || {}
   };
   return {
     name: "@modern-js/plugin-module-federation",

package/dist/esm-node/cli/manifest.js

@@ -1,25 +1,29 @@
 import path from "path";
 import { fs } from "@modern-js/utils";
-function mergeStats(browserStats, nodeStats, ssrDir) {
+function mergeStats(browserStats, nodeStats) {
   const ssrRemoteEntry = nodeStats.metaData.remoteEntry;
-  ssrRemoteEntry.path = ssrDir;
   browserStats.metaData.ssrRemoteEntry = ssrRemoteEntry;
+  if ("publicPath" in browserStats.metaData) {
+    browserStats.metaData.ssrPublicPath = nodeStats.metaData.publicPath;
+  }
   return browserStats;
 }
-function mergeManifest(browserManifest, nodeManifest, ssrDir) {
+function mergeManifest(browserManifest, nodeManifest) {
   const ssrRemoteEntry = nodeManifest.metaData.remoteEntry;
-  ssrRemoteEntry.path = ssrDir;
   browserManifest.metaData.ssrRemoteEntry = ssrRemoteEntry;
+  if ("publicPath" in browserManifest.metaData) {
+    browserManifest.metaData.ssrPublicPath = nodeManifest.metaData.publicPath;
+  }
   return browserManifest;
 }
-function mergeStatsAndManifest(nodePlugin, browserPlugin, ssrDir) {
+function mergeStatsAndManifest(nodePlugin, browserPlugin) {
   const nodeResourceInfo = nodePlugin.statsResourceInfo;
   const browserResourceInfo = browserPlugin.statsResourceInfo;
   if (!browserResourceInfo || !nodeResourceInfo || !browserResourceInfo.stats || !nodeResourceInfo.stats || !browserResourceInfo.manifest || !nodeResourceInfo.manifest) {
     throw new Error("can not get browserResourceInfo or nodeResourceInfo");
   }
-  const mergedStats = mergeStats(browserResourceInfo.stats.stats, nodeResourceInfo.stats.stats, ssrDir);
-  const mergedManifest = mergeManifest(browserResourceInfo.manifest.manifest, nodeResourceInfo.manifest.manifest, ssrDir);
+  const mergedStats = mergeStats(browserResourceInfo.stats.stats, nodeResourceInfo.stats.stats);
+  const mergedManifest = mergeManifest(browserResourceInfo.manifest.manifest, nodeResourceInfo.manifest.manifest);
   return {
     mergedStats,
     mergedStatsFilePath: browserResourceInfo.stats.filename,
@@ -27,8 +31,8 @@ function mergeStatsAndManifest(nodePlugin, browserPlugin, ssrDir) {
     mergedManifestFilePath: browserResourceInfo.manifest.filename
   };
 }
-function updateStatsAndManifest(nodePlugin, browserPlugin, outputDir, ssrDir) {
-  const { mergedStats, mergedStatsFilePath, mergedManifest, mergedManifestFilePath } = mergeStatsAndManifest(nodePlugin, browserPlugin, ssrDir);
+function updateStatsAndManifest(nodePlugin, browserPlugin, outputDir) {
+  const { mergedStats, mergedStatsFilePath, mergedManifest, mergedManifestFilePath } = mergeStatsAndManifest(nodePlugin, browserPlugin);
   fs.writeFileSync(path.resolve(outputDir, mergedStatsFilePath), JSON.stringify(mergedStats, null, 2));
   fs.writeFileSync(path.resolve(outputDir, mergedManifestFilePath), JSON.stringify(mergedManifest, null, 2));
 }

package/dist/esm-node/cli/ssrPlugin.js

@@ -5,7 +5,6 @@ import { ModuleFederationPlugin as RspackModuleFederationPlugin } from "@module-
 import UniverseEntryChunkTrackerPlugin from "@module-federation/node/universe-entry-chunk-tracker-plugin";
 import { updateStatsAndManifest } from "./manifest";
 import { isDev } from "./constant";
-import { MODERN_JS_SERVER_DIR } from "../constant";
 import logger from "./logger";
 import { isWebTarget, skipByTarget } from "./utils";
 function setEnv() {
@@ -13,6 +12,54 @@ function setEnv() {
   process.env["MF_SSR_PRJ"] = "true";
 }
 const CHAIN_MF_PLUGIN_ID = "plugin-module-federation-server";
+const mfSSRRsbuildPlugin = (pluginOptions) => {
+  return {
+    name: "@modern-js/plugin-mf-post-config",
+    pre: [
+      "@modern-js/builder-plugin-ssr"
+    ],
+    setup(api) {
+      if (pluginOptions.csrConfig.getPublicPath) {
+        return;
+      }
+      let csrOutputPath = "";
+      let ssrOutputPath = "";
+      let ssrEnv = "";
+      api.modifyEnvironmentConfig((config, { name }) => {
+        const target = config.output.target;
+        if (skipByTarget(target)) {
+          return config;
+        }
+        if (isWebTarget(target)) {
+          csrOutputPath = config.output.distPath.root;
+        } else {
+          ssrOutputPath = config.output.distPath.root;
+          ssrEnv = name;
+        }
+        return config;
+      });
+      const modifySSRPublicPath = (config, utils) => {
+        if (ssrEnv !== utils.environment.name) {
+          return config;
+        }
+        const userSSRConfig = pluginOptions.userConfig.ssr ? typeof pluginOptions.userConfig.ssr === "object" ? pluginOptions.userConfig.ssr : {} : {};
+        if (userSSRConfig.distOutputDir) {
+          return;
+        }
+        config.output.publicPath = `${config.output.publicPath}${path.relative(csrOutputPath, ssrOutputPath)}/`;
+        return config;
+      };
+      api.modifyWebpackConfig((config, utils) => {
+        modifySSRPublicPath(config, utils);
+        return config;
+      });
+      api.modifyRspackConfig((config, utils) => {
+        modifySSRPublicPath(config, utils);
+        return config;
+      });
+    }
+  };
+};
 const moduleFederationSSRPlugin = (pluginOptions) => ({
   name: "@modern-js/plugin-module-federation-ssr",
   pre: [
@@ -24,8 +71,6 @@ const moduleFederationSSRPlugin = (pluginOptions) => ({
     const modernjsConfig = api.getConfig();
     var _pluginOptions_userConfig_ssr;
     const enableSSR = (_pluginOptions_userConfig_ssr = (_pluginOptions_userConfig = pluginOptions.userConfig) === null || _pluginOptions_userConfig === void 0 ? void 0 : _pluginOptions_userConfig.ssr) !== null && _pluginOptions_userConfig_ssr !== void 0 ? _pluginOptions_userConfig_ssr : Boolean(modernjsConfig === null || modernjsConfig === void 0 ? void 0 : (_modernjsConfig_server = modernjsConfig.server) === null || _modernjsConfig_server === void 0 ? void 0 : _modernjsConfig_server.ssr);
-    let csrOutputPath = "";
-    let ssrOutputPath = "";
     if (!enableSSR) {
       return;
     }
@@ -70,20 +115,23 @@ const moduleFederationSSRPlugin = (pluginOptions) => ({
         if (isDev) {
           chain.plugin("UniverseEntryChunkTrackerPlugin").use(UniverseEntryChunkTrackerPlugin);
         }
+        const userSSRConfig = pluginOptions.userConfig.ssr ? typeof pluginOptions.userConfig.ssr === "object" ? pluginOptions.userConfig.ssr : {} : {};
+        const publicPath = chain.output.get("publicPath");
+        if (userSSRConfig.distOutputDir && publicPath) {
+          chain.output.publicPath(`${publicPath}${userSSRConfig.distOutputDir}/`);
+        }
       }
       if (isDev && isWeb) {
         chain.externals({
           "@module-federation/node/utils": "NOT_USED_IN_BROWSER"
         });
       }
-      if (!isWeb) {
-        ssrOutputPath = chain.output.get("path") || path.resolve(process.cwd(), `dist/${MODERN_JS_SERVER_DIR}`);
-      } else {
-        csrOutputPath = chain.output.get("path") || path.resolve(process.cwd(), "dist");
-      }
     });
     api.config(() => {
       return {
+        builderPlugins: [
+          mfSSRRsbuildPlugin(pluginOptions)
+        ],
         tools: {
           devServer: {
             before: [
@@ -116,11 +164,11 @@ const moduleFederationSSRPlugin = (pluginOptions) => ({
     });
     api.onAfterBuild(() => {
       const { nodePlugin, browserPlugin, distOutputDir } = pluginOptions;
-      updateStatsAndManifest(nodePlugin, browserPlugin, distOutputDir, path.relative(csrOutputPath, ssrOutputPath));
+      updateStatsAndManifest(nodePlugin, browserPlugin, distOutputDir);
     });
     api.onDevCompileDone(() => {
       const { nodePlugin, browserPlugin, distOutputDir } = pluginOptions;
-      updateStatsAndManifest(nodePlugin, browserPlugin, distOutputDir, path.relative(csrOutputPath, ssrOutputPath));
+      updateStatsAndManifest(nodePlugin, browserPlugin, distOutputDir);
     });
   }
 });