vue项目如何把es6语法转es5

vue项目开发中，如何把es6语法全部转为es5语法？下面web建站小编给大家简单介绍一下具体实现步骤！

1、安装​Babel脚手架

复制代码npm install babel-core babel-loader --save-dev
1

2、配置​Babel
在.babelrc文件中新增以下规则

复制代码{
  "presets": ["env"]
}
1
2
3

3、配置webpack
在webpack.base.conf.js，在module.rules中添加以下规则

复制代码{
  test: /.js$/,
  exclude: /(node_modules|bower_components)/,
  use: {
    loader: 'babel-loader',
    options: {
      presets: ['env']
    }
  }
}
1
2
3
4
5
6
7
8
9
10

4、下面可以正式测试使用了

复制代码//新建test.js
const name = "小米";
const sex = "男";
console.log(`${name}, ${sex}!`);
1
2
3
4

引入到vue模板，运行npm run dev就可以了！