现存微前端方案在适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite 框架支持、应用共享等用户核心诉求都或存在问题，或无法支持，需要一种更加完美的解决方案。

最近看了几个微前端框架的源码（single-spa、qiankun、micro-app），感觉收获良多。所以打算造一个迷你版的轮子，来加深自己对所学知识的了解。 这个轮子将分为五个版本，逐步的实现一个

微前端是目前比较热门的一种技术架构，挺多读者私底下问我其中的原理。为了讲清楚原理，我会带着大家从零开始实现一个微前端框架！

微前端是最近一个很火的话题，前端就跟谈恋爱一样，真的是“合久必分，分久必合”。微前端不是炫技，而是一个解决方案。 举个例子，公司内部有很多的系统，比如说人力系统、财务系统、工时管理、项目管理、论坛等等，当公司有新人入职时，短时间内他要记住全部的地址比较难。 如果地址不太多，存浏…

上一篇文章：从0实现一个single-spa的前端微服务（中）中我们已经实现了single-spa + systemJS的前端微服务以及完善的开发和打包配置，今天主要讲一下这个方案存在的细节问题，以及qiankun框架的一些研究对比。 single-spa的三个生命周期函数bo…

上一篇文章：从0实现一个前端微服务（上）中讲到，single-spa的原理就是，将子项目中的link/script标签和<div id="app"></div>插入到主项目，而这个操作的核心就是动态加载js和css。 动态加载js我们使用的是system.js,借助这个插件，我…

什么是前端微服务，网上大把的介绍，我就不啰嗦了，简单来说，就是把各个子项目整合到一起。 iFrame。使用 iFrame 及自定义消息传递机制 其中比较常见的就是iframe和single-spa，这两者各有千秋。 页面加载问题: 影响主页面加载，阻塞onload事件，本身加载…

我所在团队是做toB业务的，技术栈是Vue，团队目前有十多个典型的toB业务（菜单+内容布局），这些业务都是服务于一个大平台的，因为历史原因，每个业务都是独立的，都有一个html入口，所以当用户在这个大平台上使用这十多个业务的时候，每当切换系统时，页面都会刷新，体验很差；在开发…

对于 qiankun 来说，路由劫持是在 single-spa 上去做的，而 qiankun 给我们提供的能力，主要便是子应用的加载和沙箱隔离。 承接上文，这是系列的第二个 topic，这篇文章主要基于 qiankun 源码向大家讲一下沙箱隔离如何实现。 snapshotSan…