初步处理
- 引入处理兼容问题的插件
npm install @vitejs/plugin-legacy -D
- 配置
vite.config.js
targets
:默认是package.json
中的browserslist
建议的值additionalLegacyPolyfills
polyfills
modernPolyfills
:启用此选项将为新式构建生成单独的polyfills
块,官方不推荐使用,因为其自动检测的特性,配置后,即时浏览器支持,依然会使用nomodule
进行加载polyfills
的脚本(我这里是replaceAll()
配置在polyfills
,不生效,估计算前沿功能了,所以要么改写法,要么就得配在这里)
import legacy from '@vitejs/plugin-legacy'
plugins: [
vue(),
vueSetupExtend(),
AutoImport({
imports: ['vue', 'vue-router', 'vuex'],
}),
legacy