Qiankun在vue3+vite+ts使用
主应用(vue3+vite):
安装qiankun
npm install qiankun
microApps.js:
main.ts:
父子应用通信 globalState.ts:
子应用路由跳转:
service/index.vue
子应用(vue3+vite):
package.json中的name需要改成自定义的子应用名称
安装vite-plugin-qiankun
npm install vite-plugin-qiankun
main.ts引入vite-plugin-qiankun
处理路由前缀:
vite.config.ts
设置base: /subapp/sub-service 代替 public-path.js
父子应用通信 globalState.ts:
页面使用:
参考:
https://juejin.cn/post/6875462470593904653#heading-4
常见问题 - qiankun