一，準(zhǔn)備
1，配置文件.babelrc ， 使用Babel的第一步，就是配置這個(gè)文件。
該文件用來(lái)設(shè)置轉(zhuǎn)碼規(guī)則和插件，基本格式如下:
"presets": [
"es2015",
"stage-2"
],
"plugins": []
presets字段設(shè)定轉(zhuǎn)碼規(guī)則，官方提供以下的規(guī)則集，你可以根據(jù)需要安裝。
ES2015轉(zhuǎn)碼規(guī)則:
>> $ npm install --save-dev babel-preset-es2015
react轉(zhuǎn)碼規(guī)則:
>> $ npm install --save-dev babel-preset-react
ES7不同階段語(yǔ)法提案的轉(zhuǎn)碼規(guī)則（共有4個(gè)階段），選裝一個(gè):
>> $ 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
最后就是這樣：
"presets": [
"es2015",
"stage-2"
],
"plugins": []
2，命令行轉(zhuǎn)碼babel-cli
>> $ npm install --global babel-cli
基本用法如下:
# 轉(zhuǎn)碼結(jié)果輸出到標(biāo)準(zhǔn)輸出
>> $ babel example.js
# 轉(zhuǎn)碼結(jié)果寫入一個(gè)文件
# --out-file 或 -o 參數(shù)指定輸出文件
>> $ babel example.js -o compiled.js
# 整個(gè)目錄轉(zhuǎn)碼
# --out-dir 或 -d 參數(shù)指定輸出目錄
>> $ babel src -d lib
# -s 參數(shù)生成source map文件
>> $ babel src -d lib -s
3，然后，改寫package.json
{
"devDependencies": {
"babel-cli": "^6.0.0"
},
"scripts": {
"build": "babel src -d lib" //重寫命令
},
}
4，轉(zhuǎn)碼的時(shí)候，就執(zhí)行下面的命令:
>> $ npm run build
二，babel配置webstrom
1，安裝的env需要babel-preset-env這個(gè)模塊；
>> cnpm i babel-preset-env --save-dev
2，配置.babelrc文件
["env", {
"modules": false,
"targets": {
"browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
}
}
],
3，對(duì)webstrom進(jìn)行設(shè)置
settings >> file-watch >> 點(diǎn)擊右上方+號(hào)，添加babel
Program選項(xiàng)： $ProjectFileDir$/node_modules/.bin/babel
Arguments選項(xiàng)： dist 換成你要輸?shù)哪夸浖纯伞?
最后點(diǎn)擊apply 再點(diǎn)擊保存！！！
---end.
