vite配置将es6打包成es5
项目上线就报错,找到原因是一些es6语法不支持,要改动的地方太多,在打包里面配置一下就好了
1.首先,安装vite和相关插件:
npm install vite @vitejs/plugin-legacy -D
2.在vite.config.js文件中添加以下配置:
import { defineConfig } from 'vite';
import legacy from '@vitejs/plugin-legacy';
export default defineConfig({
plugins: [
legacy({
targets: ['defaults', 'not IE 11']
})
]
});
3.在package.json文件中添加以下配置:
{
"browserslist": [
"defaults",
"not IE 11"
]
}
这样,vite就会将ES6代码转换为ES5代码,以便在不支持ES6的浏览器中运行。