在我们的公司,我们正在尝试实现微前端概念使用@角-架构师/模块-联邦插件。我们使用了非常基本的配置,没有什么特别的,所以决定不为这个帖子(https://www.npmjs.com/package/@angular-architects/module-federation)准备任何代码示例。这只是为了收集一些想法或现成的概念解决方案,如果有的话。
这种模块联合方法将帮助我们在代码中相互隔离不同的视图,分别部署和测试它们,并且几乎独立于我们的monolith前端shell开发它们。然而,由于一些CI/CD管道的困难,我们决定暂时不采用这种方法,而是尝试将代码保存在每个微前端单独的项目中,并且仍然能够与monolith一起构建和部署它们(这意味着它将是一个单独的输出文件夹,其中也会放置一些特殊的MF文件)。

在这张照片上有一个单核温泉(壳/石)和微前端微应用程序-样本输出文件夹。本质上,我们希望在构建过程中合并它们(只从微前端文件夹中选择MF文件,然后放到monolith文件夹中)。首先,我们认为可以通过编写定制的角度构建器来完成这一任务,但我们不确定一个构建者是否有可能一次处理多个项目/webpack透露,并将其作为一个输出项目进行构建。
这个想法目前被搁置,因为我们没有为这类构建任务找到现成的解决方案,而且我们不确定我们是否真的想花时间来编写一些复杂的定制构建逻辑,仅仅是为了检查这个概念的证明。
有没有人知道这能不能做,怎么做?
发布于 2022-05-02 14:16:33
Nx可能是一个简单的单一存储库多应用程序设置的方式之一,其中包括自v14以来面向角度应用的模块联合会。
https://nx.dev/module-federation/micro-frontend-architecture
https://stackoverflow.com/questions/71015729
复制相似问题