研究微前端框架qiankun笔记

220 阅读1分钟

qiankun是一个微前端框架,其主要作用是实现一个类似于iframe的具有隔离环境的的前端微服务框架,不会限制微服务所用的技术栈,react, vue, angular, ember等和那种传统的服务器渲染的多页应用都可以当成子应用集成到微服务中,那么到底他的原理是怎么样的呢,今天我解读了他的源代码,然后记录一下,以供以后参考

首先 qiankun是基于single-spa来实现的,因为single-spa的功能比较单一,没有实现js运行时沙箱和css沙箱,所以qiankun在其基础上进行了进一步的封装

首先我们看到源代码里面

image.png

这里的 loadApp 是qiankun的核心代码。其需要作用是:

image.png image.png image.png

至此整个load就算是加载完了