项目结构
主应用： vue3 + vite
子应用1：vue3 + vite
背景介绍
项目采用了vue3+vite构建的，又因为qiankun不支持vite，所以需要引用 vite-plugin-qiankun 插件来解决
主应用–改造
- 安装 qiankun
npm install qiankun
-
重新定义一个启动端口，防止和其它子应用共用同一个端口
-
定义子应用在主应用中的出口，下面这两个地方都需要进行定义
-
路由定义，对应的路由与子应用的路由相对应，但是主应用对应子应用的路由前面要加一个标识，用于找到对应的子应用
-
定义主应用和子应用对应的项目名字以及服务路由
子应用1–改造
- 安装插件，因为乾坤不支持vite，所以需要安装第三方插件 vite-plugin-qiankun
npm install vite-plugin-qiankun
- 服务配置，引用 vite-plugin-qiankun 并设置一个唯一的端口号以及名字
- 在main.js 里面添加qiankun 生命周期钩子
注意： 这里需要注意的是 qiankun 使用的是 “window.POWERED_BY_QIANKUN” 判断是否在子应用环境中，而插件使用的是 "qiankunWindow.POWERED_BY_QIANKUN"进行判断
- 路由改造
