开始上手

前提

参数	描述
qiankun 版本	2.7.0

介绍

qiankun 是一个基于 single-spa 的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。

要求：

• 技术栈无关：不限制接入应用的技术栈，应用之间没有隐性依赖
• 接入简单： 最好就像 iframe 一样简单尽可能避免旧应用改造

“技术栈无关” 是微前端的核心价值。

微前端的前提还是得有主体应用，然后才有微组件或微应用，解决的是可控体系下前端协同开发问题。 这里开发问题有两部分：一部分是空间分离带来的协作，另一部分是时间延续带来的升级维护。空间分离带来的协作，需要微前端方案能够提供独立开发、独立部署的特性，来处理协作问题。而时间带来的延续其实是需要我们做到技术栈无关，做到随着时间的推移，当我们技术栈陈旧的时候，还是能够正常的接入我们的框架应用。

微前端框架面临的两大共性问题:

• 应用的加载与切换。包括路由的处理、应用加载的处理和应用入口的选择。
• 应用的隔离与通信。这是应用已经加载之后面临的问题，它们包括 JS 的隔离（也就是副作用的隔离）、样式的隔离、也包括父子应用和子子应用之间的通信问题。

提示

本文的源码解析将包括 single-spa 的源码，先分开解析各自的原理，然后串讲起来。

参考：single-spa

参考

• 微前端连载 6/7：微前端框架 - qiankun 大法好 (opens new window)
• github: qiankun repo (opens new window)