请注意,本文编写于 1265 天前,最后修改于 1027 天前,其中某些信息可能已经过时。
目录
为什么需要微前端
微前端的解决方案
npm包
iframe
通用中心路由基座模式
特定中心路由基座模式
现有成熟框架
为什么需要微前端
微前端的提出主要解决几个方面的问题:
- 前端项目在经历长时间的开发维护周期后,技术升级带来的维护问题。
- 前端项目在长时间开发维护后变的庞大,维护起来变的困难
微前端的解决方案
npm包
- 子应用通过npm包的形式发布,在打包的时候集成。
- 各应用之间不需要统一技术栈
iframe
- 子应用可以使用不同的技术栈
- 子应用可以单独开发维护,批次之间没有依赖关系
- 需要建立主基座和子应用之间的通信,通信比较困难
通用中心路由基座模式
- 子应用可以使用不同的技术栈
- 子应用可以单独开发维护,批次之间没有依赖关系
- 由主基座实现统一的应用注册、挂载、卸载功能
特定中心路由基座模式
- 子应用使用相同的技术栈
- 子应用可以单独开发维护,批次之间没有依赖关系
- 子应用有能力复用主基座的公共基建
现有成熟框架
single-spa: https://single-spa.js.org/
qiankun: https://github.com/umijs/qiankun
microapp: https://github.com/micro-zoe/micro-app
本文作者:谭三皮
本文链接:
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA
许可协议。转载请注明出处!