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

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

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

pnpm是一款当代备受关注的 新兴(问题较多) 包管理工具，使用过的同学们都会被它极快的安装速度、极少的磁盘存储空间所吸引！感兴趣的小伙伴赶紧点击学习吧。

为什么使用monorepo 什么是monorepo 简单来说就是，将多个项目或包文件放到一个git仓库来管理。 目前比较广泛应用的是yarn+learn的方式实现monorepo的管理。 一个简单的m

用 PNPM Workspaces 替换 Lerna + Yarn 近年来，Monorepo 架构以越来越流行，鉴于它解决的问题，这是可以理解的。然而，最大的挑战是找到一个简单易用的工具去处理类似的架

每个优秀的工具都有其优势和不足的地方，选择工具的时候没有绝对的好坏之分，只有适不适合。综合权衡工具的学习成本、优点和缺点，选出当下或者未来一段时间能满足团队需要的工具才是真理。

主应用配置 安装 qiankun 配置 qiankun 在项目 src 目录下新建 micro.ts 内容如下 在主入口文件 main.tsx 中导入 micro.ts 配置路由 截取一些路由代码片段

微前端（Micro-Frontends）是一种类似于微服务的架构，将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。最全面的 vite + qiankun 搭建指导。