babel是一個(gè)轉(zhuǎn)碼器，能將ES6代碼轉(zhuǎn)碼成我們現(xiàn)在的瀏覽器能執(zhí)行的ES5代碼。 使用3步來配置好一個(gè)基本的編譯環(huán)境：

1.安裝babel包

和一般的npm包一樣，babel在使用之前也需要進(jìn)行安裝，使用全局安裝或者本地安裝安裝都可以。 全局安裝方式如下：

npm install --global babel-cli
復(fù)制代碼

2.配置.babelrc文件

type nul>.babelrc
復(fù)制代碼

創(chuàng)建之后打開.babelrc文件，寫入如下配置：

{
  "presets":[
    "es2015"
  ]
}
復(fù)制代碼

presets參數(shù)是指需要轉(zhuǎn)碼的規(guī)則集合，我們需要將ES6代碼轉(zhuǎn)為ES5，所以只需要寫入es2015即可。

3.安裝轉(zhuǎn)碼規(guī)則集

配置好.babelrc中的轉(zhuǎn)碼規(guī)則之后，需要在本地安裝規(guī)則集。安裝方式如下：

npm install --save-dev babel-preset-es2015
復(fù)制代碼

let a = 1;
let b = 2;
const main=(a,b) => {
	return a+b;
}
復(fù)制代碼

babel main.js -o bundle.js
復(fù)制代碼

"use strict";

var a = 1;
var b = 2;
var main = function main(a, b) {
	return a + b;
};
復(fù)制代碼

babel app --out-dir dist
//或者
babel app -d dist
復(fù)制代碼

npm install --save-dev babel-cli
復(fù)制代碼

安裝完成之后，就可以在package.json文件中配置babel的使用。

"scripts":{
   "build":"babel app -d dist"
}
復(fù)制代碼

babel app/main.js --watch --out-file dist/main.js
babel app/main.js -w --out-file dist/main.js
復(fù)制代碼