编辑
2022-01-29
开发
00
请注意,本文编写于 1265 天前,最后修改于 1027 天前,其中某些信息可能已经过时。

目录

为什么需要微前端
微前端的解决方案
npm包
iframe
通用中心路由基座模式
特定中心路由基座模式
现有成熟框架

为什么需要微前端

微前端的提出主要解决几个方面的问题:

  1. 前端项目在经历长时间的开发维护周期后,技术升级带来的维护问题。
  2. 前端项目在长时间开发维护后变的庞大,维护起来变的困难

微前端的解决方案

npm包

  • 子应用通过npm包的形式发布,在打包的时候集成。
  • 各应用之间不需要统一技术栈

iframe

  • 子应用可以使用不同的技术栈
  • 子应用可以单独开发维护,批次之间没有依赖关系
  • 需要建立主基座和子应用之间的通信,通信比较困难

通用中心路由基座模式

  • 子应用可以使用不同的技术栈
  • 子应用可以单独开发维护,批次之间没有依赖关系
  • 由主基座实现统一的应用注册、挂载、卸载功能

特定中心路由基座模式

  • 子应用使用相同的技术栈
  • 子应用可以单独开发维护,批次之间没有依赖关系
  • 子应用有能力复用主基座的公共基建

现有成熟框架

single-spa: https://single-spa.js.org/ qiankun: https://github.com/umijs/qiankun microapp: https://github.com/micro-zoe/micro-app

如果对你有用的话,可以打赏哦
打赏
ali pay
wechat pay

本文作者:谭三皮

本文链接:

版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!