babel将ES6转换为es5

我们写代码的时候，如果使用的是es6的语法，直接编译，很多浏览器是不
支持，我们必须要转成es5.
1.初始化项目

npm init -y(-y跳过所有输入步骤，直接生成package.json)

2.全局安装babel

npm/cnpm install -g babel-cli

3.本地安装babel

cnpm/npm install --save-dev babel-preset-es2015 babel-cli

4.在根目录新建一个.babelrc文件，
里面的内容为：{

"presets":[
    "es2015"
  ],
  "plugins":[]
}

5.开始转换

babel src/index.js -o dist/index.js

6.命令行转换
如果每次都要输入以上命令非常麻烦，我们可以在package.json里面设置一个命令

"scripts": {
    "build": "babel src/index.js -o dist/index.js"
  },

只要执行 ：npm run build 就可以完成转换了

注意：在html中引入js时，引入dist目录下的index.js