vue项目如何把es6语法转es5

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

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项目动态设置background背景色，解决颜色被替换问题

vue项目中如何配置babel转换代码

Vue入门需要掌握哪些知识

nodejs语法如何自动转换成js

如何在vue2.0中配置跨域代理方法

标签： Babel, es6转es5, vue教程, webpack

上面是“vue项目如何把es6语法转es5”的全面内容，想了解更多关于 vuejs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_4617.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！