在 shell 应用程序中显示多个微前端，模块联合 Angular 13

Question

我想知道是否可以通过模块联合将不同的多个微前端放入 shell 应用程序中。 我是用 Web 组件做的，现在我想用模块联合做同样的事情。

所以我的 shell 应用程序集成了在 4201 上运行的标头应用程序，然后是在 4202 上运行的列表应用程序和在 4203 上运行的类似应用程序。

我刚开始使用路由器链接加载微前端，就像您有一个菜单并单击文本，它会加载并显示微前端 x。

但这不是我想要的。直接在启动时，我想在 shell 应用程序中显示 3 个微前端的特定位置。

我该怎么做？ 我正在使用 Angular 13

Answer 1

我也在研究这个话题，发现这篇文章可能会有所帮助：

https://www.angulararchitects.io/en/aktuelles/multi-framework-and-version-micro-frontends-with-module-federation-the-good-the-bad-the-ugly/