reactjs 使用模块联合插件的微前端可以在不同的仓库中吗?

evrscar2  于 4个月前  发布在  React
关注(0)|答案(1)|浏览(64)

我正在考虑通过拥有容器/主机应用程序和各种子应用程序来开发Microfrontend应用程序(所有应用程序都基于ReactJS,但只是基于功能划分)。这个想法是为了获得独立构建/部署等的好处,并避免不同团队在不同模块上工作的代码冲突。
所以我的问题是,使用模块联合插件的微前端实现可以在不同的仓库中吗?
我看到的例子大多是子应用程序在同一个仓库中,只是它们在自己的目录/文件夹中(例如child 1,child 2等)

yr9zkbsy

yr9zkbsy1#

我曾使用Webpack的Module Federation进行Microfrontend实现。是的,您将能够为每个微前端维护单独的repos。将给予您我们如何实现它的摘要:
母回购

  • 连接其余微前端的主容器

儿童回购1. n

  • 他们每个人都有自己独立的回购
  • 它们每个都托管在不同的域上
  • 我们在主存储库中使用它们的域连接它们(如示例中所示)。由于域将始终保持静态,因此我们在父存储库中硬编码端点。

模块联合库有很多示例,尽管它们在同一个文件夹中,但它们可以根据您的需要独立地为每个库提供服务。一些示例可以查看:
React 18路由:https://github.com/module-federation/module-federation-examples/tree/master/comprehensive-demo-react18
共享路由:https://github.com/module-federation/module-federation-examples/tree/master/shared-routes2

相关问题