Fork me on GitHub
秋染蒹葭

深入理解微前端之一:qiankun2.x源码解析

十一假期,本着不给大家添堵的心态,加上秋老虎太厉害,就苟在家里把酝酿了很久的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 篇

本文标题:深入理解微前端之一:qiankun2.x源码解析

文章作者:zhyjor

发布时间:2022年07月22日 - 14:07

最后更新:2023年10月11日 - 02:10

原始链接:https://zhyjor.github.io/2022/07/22/深入理解微前端之一:qiankun2-x源码解析/

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。

🐶 您的支持将鼓励我继续创作 🐶

热评文章