一、single-spa
single-spa 由 CanopyTax 开发,是一个用于构建微前端架构的JavaScript 前端框架,它可以将多个单页应用(SPA)集成为一个整体。
官方文档:https://qiankun.umijs.org/zh/
优点:
- 在同一页面上使用多个前端框架 而不用刷新页面
- 独立部署每一个单页面应用
- 新功能使用新框架,旧的单页应用不用重写可以共存
- 改善初始加载时间,延迟加载代码
缺点:
- 不支持Js沙箱、样式隔离,容易会出现Js冲突,样式污染等
- 不支持元素隔离、预加载等
- 集成复杂
二、qiankun
qiankun (蚂蚁金服)它是一个基于 single-spa 的微前端实现库,它可以帮助开发者将多个独立的前端应用集成为一个整体.
官方文档:https://qiankun.umijs.org/zh/
优点:
- 灵活性高:支持多种框架多种构建工具;
- 代码库隔离:代码库隔离性较高;
- 独立性强:子应用可独立开发、独立部署,不会相互影响;
- 应用通信:子应用间通信灵活。
缺点:
- 适配成本比较高:生命周期、静态资源路径、路由等都要做一系列的适配工作;
- 沙箱: css 沙箱采用严格隔离会有各种问题,js 沙箱执行性能下降严重;
- 应用保活:无法同时激活多个子应用,也不支持子应用保活;
三、micro-app
micro-app (京东)是一个基于 Web Components 的前端微服务框架,支持多种前端框架.
官方文档:https://zeroing.jd.com/micro-app/docs.html#/
优点:
- 兼容所有框架
- 灵活性高
- 高度可定制,灵活性强
- 零依赖
- 开箱即用:提供了is沙箱、样式隔离、元素隔离、预加载、数据通信、静态资源补全等一系列完善的功能
缺点:
- 需要时间学习
- 对于不支持 webcompnent 的浏览器没有做降级处理
四、wujie
wujie(腾讯)是一款基于 Web Components + iframe 的微前端架,具备成本低、速度快、原生隔离、功能强等优点
官方文档:https://wujie-micro.github.io/doc/api/bus.html
优点
- 极速
- 应用保活
- 简单
- 原生隔离
- 原生性能
- 开箱即用
缺点
- 需要时间学习
- 对于不支持 webcompnent 的浏览器没有做降级处理
- 目前还比较新,社区相对不够活跃
五、对比
文章来源:https://www.toymoban.com/news/detail-535824.html
wujie(腾讯)对比项目与Micro App (京东)一样,均支持,但是目前官方文档以及可查询文档较少,这里就建议使用Micro App (京东)。文章来源地址https://www.toymoban.com/news/detail-535824.html
到了这里,关于微前端之 二 常用框架对比的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!