便捷的微前端框架？

Question

哪个是微前端开发的最佳方法/框架？

我有超过5个基于angular，react和vue的应用程序，并希望在单个UI上显示所有5个应用程序。我们现在有许多微型前端框架，例如单个spa，piral，moisaic项目，Podium等。在市场上都需要。需要清晰的画面，以帮助我使用任何框架来实现它。

微服务#frontenddevelopment

Answer 1

我认为Web组件可以帮助您解决。您将您的react / angluar / vue /任何内容封装在自定义元素中，并通过属性和事件相互通信

但是请注意，并非所有框架都可以与自定义元素一起很好地使用-https://custom-elements-everywhere.com/

Answer 2

全部取决于。

显然，我偏向于Piral，但是为了使Piral高效，您需要检查以下一些要点（越多越好）：

• []您想要一个应用程序外壳程序（出于技术原因，例如，提供共享的依赖关系和/或其他原因，例如共享的/集中控制的设计）
• []您对React有明显的倾向（即，您有许多不同的框架，但是您的大多数应用程序都是用React编写的）
• []您需要在组件中包含组件（例如，应在微型前端B的页面中使用微型前端A的组件）
• []您的应用程序是“动态的” /具有类似“工具”（或应用程序）的字符；不需要JS]
• []您想即时启用/禁用模块（例如，某些用户应仅看到微前端A，而不能看到B）
• []您希望拥有丰富的工具支持，例如，当安装新模块时-TypeScript支持也应该是一流的]]
• []延迟加载（不仅是完整的微前端，还应该是单个组件（如页面）的加载]
• []通过不同模块进行的通信永远不会直接进行，而是始终是间接的（即，如果存在微前端A而没有微前端B，则您的系统将永不中断）

您提到的其他人也有类似的列表。

希望有帮助！