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

分享于2022年07月17日 angular federation micro-frontend module webpack 问答
【问题标题】:在 shell 应用程序中显示多个微前端,模块联合 Angular 13(Show multiple micro frontends in the shell app with module federation angular 13)
【发布时间】:2022-06-16 10:55:45
【问题描述】:

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

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

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

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

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


【解决方案1】: