十一假期,本着不给大家添堵的心态,加上秋老虎太厉害,就苟在家里把酝酿了很久的qiankun源码阅读给写了吧。
本文基于最新的qiankun@2.8.1版本,新鲜出炉
引言
由于微前端在中后台应用里使用的已经非常广泛,我们就简单说一下什么是微前端,具体的可以通过搜索引擎来获取更多的信息
Techniques, strategies and recipes for building a modern web app with multiple teams using different JavaScript frameworks.
— Micro Frontends
微前端的可以类比为微服务,将巨石应用分拆为更容易维护、部署、独立的小模块,可以实现小团队独立开发、敏捷发布,解决巨型中后台应用的系统庞杂引入的熵增,关于我们使用qiankun一些经历可以后续分享出来
why qiankun
可能就是作者kuitos那句话吧,“可能是你见过最完善的微前端解决方案”,目前的周下载量>1.4W ,还在慢慢上升,社区相对活跃。
好了,其他不多,直接进入正题
源码
我自己看源码的思路是先整理重点,本次看源码是出于参考作者的实现思路的目的,先不直接开始看代码,否则可能会淹没在代码里;只有我们理解了场景、解构出作者要解决什么问题,然后顺着这个思路去梳理出代码,最后给出一个执行时序图
start
沙箱
架构图
##
参考资料
这可能是你见过最完善的微前端解决方案!
Single-Spa微前端实践
万字长文+图文并茂+全面解析微前端框架 qiankun 源码 - qiankun 篇