小编Bjo*_*ban的帖子

基于微前端 React/Component 的拆分

背景: 我面临着使工具现代化并将其转换为具有 React 前端的微服务的任务。我的想法是有一个通用的顶级组件,例如包含导航和包含功能的每个微服务的组件。

方法:

  • 在本地捆绑组件,使其有效地成为一个整体前端,并且前端代码仅在 repo 中分离。

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

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

使用这种方法,我可以单独对每个组件进行 webpack,然后从 Main Page 异步导入它,但可能会有巨大的开销

我阅读了基于组件的拆分与 react-loadable 和捆绑 react-router 或 webpack,但我找不到有关如何从不同的 URL 端点加载小包的信息。 像这样

问题: 是否可以自己捆绑 React 组件并从不同的 Resource-URL 导入它们,一种方法将如何?(或者 React 甚至适合那个)

reactjs webpack microservices react-router react-loadable

5
推荐指数
1
解决办法
1151
查看次数