最近乙方要移交给我们开发的一个项目的代码，其中前端用到了 qiankun 微前端技术，因为第一版代码之前让我看过，写过基础开发文档，然后主管昨天找我问了ta是怎么实现的🥲

前言：  因为前期一直在做低码平台，里面有编辑页面跟预览页面，最近新加的需求是，这俩页面是动态路由，需要做缓存处理，并且集成到微前端主应用。 注意：阅读此文章前，需要对keep-alive原理跟微前端

用过微前端的人，可能会遇到这样一个情况，在一个模块开发好一个功能，突然因为某个需求，需要在另外一个模块使用这个功能，但是开发这个功能的人没有把这个功能封装成组件，我们就没办法在其他模块使用这个功能了。

微前端的核心理念是将前端应用程序看作是一个整体，由多个独立的部分组成。每个部分被视为一个微前端应用，它们可以具有自己的技术栈、开发流程和团队组织。

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

简单了解微前端 微前端具备以下特点： 技术栈无关：主框架不限制接入应用的技术栈，微应用具备完全自主权 独立开发、独立部署：既可以组合在一起运行，也可以单独运行。 增量升级：在面对各种复杂场景时，我们通

微前端是一种构建大型web应用程序的最新方法，它可以将一个庞大、复杂的单体应用程序拆分成多个小型、轻量级的子应用程序，每个子应用程序都可以独立进行开发、构建和部署，并且可以通过运行时集成到主应用程序中

前言 因为公司有使用微前端技术，技术栈为 qiankun，为了保证对 qiankun 的支持，使用了开发模式走 vite，构建走 webpack：如何在 webpack 项目中使用 vite 加速。