qiankun vue3子应用兼容低版本浏览器
子应用项目安装vite-plugin-legacy-qiankun与@vitejs/plugin-legacy插件
@vitejs/plugin-legacy插件安装挺麻烦的,主要是vite版本以及其他依赖版本兼容问题
npm i vite-plugin-legacy-qiankun @vitejs/plugin-legacy -D
依赖版本
"vite-plugin-legacy-qiankun": "^0.0.12",
"@vitejs/plugin-legacy": "5.0.0-beta.0",
"@vue/compiler-sfc": "3.3.4",
"terser": "5.15.0",
"vite": "4.4.6"
vite-plugin-legacy-qiankun插件使用
参考插件作者文档 https://github.com/lishaobos/vite-plugin-legacy-qiankun
vite-config.ts配置插件
import legacy from '@vitejs/plugin-legacy'
import { legacyQiankun } from 'vite-plugin-legacy-qiankun'
{plugins: [vue(),vueJsx(),legacy({targets: ['defaults', 'not IE 11', 'Chrome 61']}),legacyQiankun({ name: '子应用名称' })],build: {target: ['chrome61']}
}
注:legacy在legacyQiankun之前调用
其他:无qiankun时,vue3项目中可以通过@vitejs/plugin-legacy插件来打包兼容低版本浏览器,配置方法相同