vue-cli5 配置转es5
时间: 2024-02-17 15:00:49 浏览: 161
vue-cli使用配置
要将 Vue CLI 5 项目中的 JavaScript 代码转换为 ES5,可以使用 Babel 进行转译。可以按照以下步骤进行配置:
1. 安装 babel 和相关插件:
```bash
npm install @babel/core @babel/preset-env babel-loader --save-dev
```
2. 在项目根目录下创建 `.babelrc` 文件,配置 babel 转译规则:
```json
{
"presets": [
[
"@babel/preset-env",
{
"targets": {
"browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
}
}
]
]
}
```
3. 修改 webpack 配置,在 `vue.config.js` 文件中添加以下代码:
```js
module.exports = {
chainWebpack: config => {
config.module
.rule('js')
.use('babel-loader')
.loader('babel-loader')
.tap(options => {
// 修改它的选项...
return options
})
}
}
```
这样就可以将 Vue CLI 5 项目中的 JavaScript 代码转换为 ES5 了。
阅读全文