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

这篇文章大致是为了回答几个问题： 迁移到微前端，我们到底要什么？ 业界的「微前端」体系通常包括哪些部分？ 贴近研发同学侧的「微前端框架」通常用什么样的技术？

所以只好重新整理下，纪录一些踩过的坑和调研，希望能对大家有所帮助。本文内容基于 qiankun 的 2.x 版本。 有一些问题是自己发现并解决的，有一些是在 qiankun 的仓库 issue 区看到的。对于这些问题，我尽可能的讲清楚产生原因及解决思路和方法。 内联 js 的内…

qiankun 微前端实践及常见问题总结；与技术栈无关、独立开发、独立部署、增量升级、独立运行；`拆分、细化、解耦`你的巨无霸项目； 提升开发及打包部署效率；

不管大家有意或者无意间，或多或少都已经接触到了微前端这个新的概念，这种新的前端架构真的有存在的必要吗？毕竟没有银弹，在新的架构体系下，它除了带了好处以外，同时也带来了风险和技术挑战。本文将带你揭秘微前端给现有的工程化体系带来了的意义，和它的架构设计，以及简单讲解一下微前端的核心…

关注核心实现请直接跳至 第四小节：执行流程。 到此，项目就已经初始化完毕了，接下来开始核心的内容，微前端框架的编写。 微前端的核心为app，微前端的场景主要是：将应用拆分为多个app加载，或将多个不同的应用当成app组合在一起加载。 为了更好的约束app和行为，要求每个app必…

single-spa 一个基于JavaScript的 微前端 框架，他可以用于构建可共存的微前端应用，每个前端应用都可以用自己的框架编写，完美支持 Vue React Angular。可以实现 服务注册 事件监听 子父组件通信 等功能。 single-spa-vue 是提供给使…

微前端是2019年很火的一个话题，很多公司都分享了他们的微前端解决方案，个人觉得“微前端”这个名字还是比较贴切的，因为它的目标主要是对标后端的“微服务”，希望前端的巨石工程也能够拆分成小工程来更好地进行维护。笔者近期也在做微前端的工作，参考了业界的很多方案，有了自己的一些体会，…