微前端技术原理 *本文尽量不涉及 qiankun/garfish 等框架 Api 的使用方法，没有使用过上述两种框架的同学也可以阅读。 微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 we

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

qiankun+docker+nginx+gitlab-ci/cd，构建一个自动化部署的微前端项目，内有干货，看完可以避免各种踩坑！

因为我们的项目需要兼容老旧浏览器，所以直接采用了@vitejs/plugin-legacy插件，会把项目中的代码全部转化成systemjs格式。 以下是根据vite官方文档用react模版创建的项目

最近负责的新项目用到了qiankun，写篇文章分享下实战中遇到的一些问题和思考。 示例代码： https://github.com/fengxianqi/qiankun-example。 项目有个功能需求是需要内嵌公司内部的一个现有工具，该工具是独立部署的且是用React写的，…

什么是微前端 微前端借鉴了微服务的架构理念，将一个庞大的前端应用拆分为多个独立灵活的小型应用，每个应用都可以独立开发、独立运行、独立部署，再将这些小型应用联合为一个完整的应用。微前端既可以将多个项目融

是的，官方赞未有文档表明已经支持Vite。接下来我会从Vite聊起，然后一步步解析如何去解决在qiankun微前端体系中集成基于Vite构建的子应用. 1 为什么要用Vite？ 在Vite没有诞生之前

1. 复用别的的项目页面 如果我们的项目需要开发某个新的功能，而这个功能另一个项目已经开发好，我们想直接复用时。PS：我们需要的只是别人项目的这个功能页面的内容部分，不需要别人项目的顶部导航和菜单。 一个比较笨的办法就是直接把别人项目这个页面的代码拷贝过来，但是万一别人不是 v…

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