Webpack Module Federation多入口：如何将本地库打包进remoteEntry.js？

你的问题出在entry配置不会影响Module Federation的remoteEntry内容——remoteEntry本质是模块暴露清单，实际代码会打包到独立chunk中。要把some_library打包到remote的可访问资源里，有以下几种可行方案：

方案1：直接暴露该库作为remote的一个模块 #

修改ModuleFederationPlugin的exposes配置，把库单独暴露出来：

new ModuleFederationPlugin({
  name: "marketing",
  filename: "remoteEntry.js",
  exposes: {
    "./MarketingApp": "./src/bootstrap",
    "./SomeLibrary": "node_modules/some_library.js" // 新增暴露该库
  },
  shared: packageJson.dependencies,
}),

这样remoteEntry会包含这个库的暴露信息，宿主应用可以直接通过import('marketing/SomeLibrary')使用，同时库的代码会被打包到remote的chunk中。

方案2：在暴露的业务模块中引入该库 #

如果不需要单独暴露库，只是希望它能被remote应用本身使用，直接在你暴露的./src/bootstrap文件里引入即可：

// src/bootstrap.js
import 'some_library'; // 引入目标库
// 你的业务代码逻辑

同时注意：如果该库在shared配置中被列为共享依赖，Webpack会尝试让宿主应用提供它。如果想强制把库打包进remote的chunk，需要从shared中排除它：

shared: {
  ...packageJson.dependencies,
  some_library: false // 排除该库，不让它成为共享依赖
}

方案3：使用eager模式强制打包进入口chunk #

如果希望库的代码直接打包到remote的入口chunk（而非独立chunk），可以修改shared配置为eager模式：

shared: {
  ...packageJson.dependencies,
  some_library: {
    eager: true,
    singleton: false // 可选，根据是否需要单例场景调整
  }
}

这种方式会把库的代码直接嵌入到remote的入口chunk中，确保加载remoteEntry后即可使用。

另外，你之前配置的多入口['index.js', 'node_modules/some_library.js']是无效的——Module Federation场景下，通常index.js只负责异步加载bootstrap模块（避免初始化顺序问题），不需要额外添加库作为入口。

内容的提问来源于stack exchange，提问作者Tirth Trivedi