使用多个 git 存储库的 Webpack 模块联合。有例子吗？

Posted 2023-02-16

【中文标题】使用多个 git 存储库的 Webpack 模块联合。有例子吗？

【英文标题】：Webpack module federation using multiple git repos. Is there an example?

【发布时间】：2021-11-14 03:20:07

【问题描述】：

我正在Webpack 5 module federation 的世界中寻找自己的方式。有很多好的材料和例子，比如this和this。

但是，我发现的所有示例都构建在单个 Git 存储库中，通常使用 npm workspaces 和/或嵌套的 package.json 文件。

由于我要在多个 Git 存储库之间实现模块联合，因此我希望看到一个可以做到这一点的示例。有没有人发现这样的例子？

我假设这项工作是在遥控器的定义中完成的；我见过一些通过 URL 定义远程的情况，但在我的情况下，所有远程都将在构建时知道，所以我猜 URL 是矫枉过正的。我说的对吗？

【参考方案1】：

是的，您不必提及 URL。我没有找到任何方便的示例，但我尝试在两个不同的存储库中遵循相同的单存储库示例。我这样做了：

在微前端应用上： 输出： publicPath: '../[app-name]'

在 shell 应用程序上： 我使用了来自“@angular-architects/module-federation”的 loadRemoteModule；只需提及 remoteEntry 作为您在 MFE 应用程序上配置的 publicpath 以便它从那里获取远程入口.