vite配置将es6打包成es5
时间: 2023-12-23 07:05:38 浏览: 2479
解决低版本的浏览器不支持es6的import问题
以下是使用vite将ES6打包成ES5的配置方法:
1.首先,安装vite和相关插件:
```shell
npm install vite @vitejs/plugin-legacy -D
```
2.在vite.config.js文件中添加以下配置:
```javascript
import { defineConfig } from 'vite';
import legacy from '@vitejs/plugin-legacy';
export default defineConfig({
plugins: [
legacy({
targets: ['defaults', 'not IE 11']
})
]
});
```
3.在package.json文件中添加以下配置:
```json
{
"browserslist": [
"defaults",
"not IE 11"
]
}
```
这样,vite就会将ES6代码转换为ES5代码,以便在不支持ES6的浏览器中运行。
阅读全文