Babel 7步入门教程

Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码
妈妈再也不用担心环境不兼容了 so easy~

1.安装官方提供的ES2015转码规则

cnpm install --save-dev babel-preset-es2015

---

2.如果项目要运行，全局环境必须安装Babel

cnpm install --global babel-cli

---

3.将babel-cli安装在项目之中 支持不同项目使用不同版本的Babel

cnpm install --save-dev babel-cli

---

4.在项目中创建.babelrc文件

//可用cmd进入项目创建,命令如下：
type null>.babelrc

---

5.配置.babelrc文件

//presets用来存放一些预设     plugins用来存放一些插件 
  {
    "presets": [
      "es2015"
    ],
	"plugins" : [ ]
  }

---

6.改写package.json配置

{
  // ...
  "devDependencies": {
    "babel-cli": "^6.26.0",
    "babel-preset-es2015": "^6.24.1"
  },
  "scripts": {
    "build": "babel src -d lib"
  },
}

注：把项目下src文件中的代码转换到lib文件下

---

7.执行以下面命令进行转码

npm run build

转码完成~

---

//转码前(es6)：
input.map(item => item + 1);


//转码后(es5):
"use strict";

input.map(function (item) {
  return item + 1;
});