vue项目如何把es6语法转es5

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

1、安装​Babel脚手架

npm install babel-core babel-loader --save-dev

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

{
  "presets": ["env"]
}

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

{
  test: /.js$/,
  exclude: /(node_modules|bower_components)/,
  use: {
    loader: 'babel-loader',
    options: {
      presets: ['env']
    }
  }
}

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

//新建test.js
const name = "小米";
const sex = "男";
console.log(`${name}, ${sex}!`);

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

以上是编程学习网小编为您介绍的“vue项目如何把es6语法转es5”的全面内容，想了解更多关于 vuejs 内容，请继续关注编程基础学习网。