一:Vue2 改造主应用 创建方式:vue create vue2-master
1:在vue2项目src 下 撞见qiankun 文件夹 用于注册和启动子应用配置
创建index.js
创建app.js。注册。 name 要和子应用vite.config.js 配置相同。 container 要和 indexView 中id 相同
创建indexView.vue 。用于显示微应用容器
2:在应用main.js 中 引入配置
3: 在router.js 中配置子应用的路由。挂载在之前的indexView.vue 下
4:在主应用的菜单 配置需要跳转微应用的路由菜单
二:修改vue3+vite 为微应用。创建方式 npm init vite@latest
1:修改main.ts
2:配置vite.config.ts
3:配置微应用的router.js. 添加项目前缀path
4:显示隐藏布局
效果如下:
标签:vue2,改造,配置,js,QianKun,应用,vue3,vite From: https://www.cnblogs.com/Gherardo/p/18251984