一、babel配置步驟
1、準備
系統環境：win7
配置環境：node，npm（如何安裝node以及npm請另尋文件）
專案資料夾：新建一個資料夾作為一個專案資料夾，開啟cmd（快捷鍵：window+R），進入新建的這個資料夾的目錄下，執行npm init（相關資訊可一路按Enter鍵，設定為預設資訊），最終生成了package.js檔案。

2、配置 .babelrc 檔案
2.1建立.babelrc檔案
因為在windows系統中，不允許直接右鍵建立沒有檔名的檔案，所以建立 .babelrc 檔案有兩個方式，第一個是直接通過編輯器建立，第二個是直接通過cmd命令列建立。
以下是cmd命令列建立方式：
在當前專案資料夾下，使用命令列：

type nul>.babelrc

2.2編寫.babelrc檔案內容
該檔案用來配置轉碼規則和外掛，基本格式如下：

{
"presets": [], //設定轉碼規則
"plugins": [] //設定外掛
}

官方提供以下的規則集，可以根據需要安裝：

# ES2015轉碼規則
npm install --save-dev babel-preset-es2015

# react轉碼規則
npm install --save-dev babel-preset-react

# ES7不同階段語法提案的轉碼規則（共有4個階段），選裝一個
npm install --save-dev babel-preset-stage-0
npm install --save-dev babel-preset-stage-1
npm install --save-dev babel-preset-stage-2
npm install --save-dev babel-preset-stage-3

然後，將這些規則加入 .babelrc

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

注意：Babel工具和模組的使用之前，都必須先寫好 .babelrc。

3、使用命令列轉碼 babel-cli
Babel提供babel-cli工具，用於命令列轉碼。它的安裝命令如下：

# 全域性安裝
npm install --global babel-cli

# 在專案檔案中安裝
npm install --save-dev babel-cli

在全域性安裝babel-cli，這意味著，如果專案要執行，全域性環境必須有Babel，也就是說專案產生了對環境的依賴， 並且這樣做也無法支援不同專案使用不同版本的Babel。所以官網強烈建議我們使用後一種方式，在專案中安裝。
在專案中安裝之後，需要改寫package.js：

{
//...略去了其他的內容
"devDependencies": {
"babel-cli": "^6.0.0" //這裡的版本號為安裝的時候的版本號，一般安裝的時候就會自動寫入
},
"scripts": {
"build": "babel src -d lib"
//編譯整個 src 目錄並將其輸出到 lib 目錄。這裡的src指的是需要轉換的目錄，lib指的是輸出的內容的存放目錄
},
}

注意：如果建立的目錄資料夾名稱不為src和lib，請記得一定要替換，不然後續轉換時會報錯。

轉碼的時候，就執行下面的命令：

npm run build

babel-cli基本用法如下：

# 轉碼結果輸出到標準輸出
babel example.js

# 轉碼結果寫入一個檔案
# --out-file 或 -o 引數指定輸出檔案
babel example.js --out-file compiled.js
# 或者
babel example.js -o compiled.js

# 整個目錄轉碼
# --out-dir 或 -d 引數指定輸出目錄
babel src --out-dir lib
# 或者
babel src -d lib

# -s 引數生成source map檔案
babel src -d lib -s