首页 文章

Microfrontends基于React / Component的分裂

提问于
浏览
3

Background: 我面临着使工具现代化并将其转换为具有反应前端的微服务的任务 . 我的想法是让一般的顶级组件包含例如Nav和包含该功能的每个微服务的组件 .

Approaches:

  • 在本地捆绑组件,使其成为一个单一的前端,而forntend代码只在repo中分离 .

我认为这样可以放弃不必为每次更改重新部署整个应用程序的优势

  • 通过在配置文件中定义它们,从微服务中加载每个组件的缩小捆绑包

使用这种方法,我可以自己webpack每个组件,并从主页面异步导入它,但可能会有巨大的开销

我读到了基于组件的拆分与反应可加载和捆绑react-router或webpack,但我找不到有关如何从不同的URL-Endpoints加载小包的信息 .
Like this

Question: 是否可以自行捆绑反应组件并从不同的资源URL导入它们?如何处理它?(或者React甚至适用于此)

1 回答

  • 0

    经过相当多的搜索和实验后,我找到了Zalando的Project Mosaic,这就是我想要的 . 它提供了一种很好的React Component Splitting方式来支持Micro Frontends . 但请注意,它可能不适合较小的项目,因为它需要一些时间来进入材料并设置所有必要的应用程序 .

相关问题