Vite2兼容低版本chrome（如搜狗80），通过polyfills处理部分需求高版本的语法

Program W

已于 2022-06-30 09:55:48 修改

阅读量4.8k

点赞数 4

分类专栏： Vue ES6 技能文章标签： chrome 前端

于 2022-06-29 18:50:14 首次发布

本文链接：https://blog.csdn.net/weixin_46037781/article/details/125526769

版权

初步处理

引入处理兼容问题的插件

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