一、babel轉碼器
將ES6轉碼爲ES5代碼
作用:不用擔心環境是否支持ES6,可以直接通過ES6的方式編寫程序
例如:
//轉碼前
input.map(item==>item + 1); //ES6的箭頭函數。
//轉碼後
input.map(function(item){
return item+1
})
Babel命令行環境
Babel的命令行版本通過以下命令安裝:
$ npm install --global babel-cli
$ npm install --save babel-preset-es-2015
然後在當前目錄下新建配置文件 .babelrc
新建方法如下:
在windows系統中,不允許直接右鍵建立沒有文件名的文件,可以通過cmd命令行創建:在當前文件夾打開cmd並鍵入命令:
type: nul>.babelrc
然後,將這些規則加入 .babelrc
{
"presets": [
"es2015"
],
"plugins": []
}
babel-node命令可以直接運行ES6腳本
$ babel-node es6.js //運行該腳本
將ES6代碼轉爲ES5代碼。
$ babel es6.js
-o或者--out-file 可將轉換後的代碼從標準輸出重定向到文件
$ babel es6.js -o es5.js
或者
$ babel es6.js --out-file es5.js
-d參數用於轉換整個目錄。
$ babel -d build-dir source-dir
注意: -d參數後面跟的是輸出目錄
另有Traceur轉碼器可將ES6代碼轉爲ES5代碼