ECMAScript6轉(zhuǎn)碼器，ES6轉(zhuǎn)ES5

現(xiàn)在越來越多的前端開始關(guān)注ES6，也有一部分人開始用ECMAScript 6，但是ES6的一些新的特性并不被低版本的瀏覽器支持。

所以這次就分享一個ES6轉(zhuǎn)ES5的方法。

一、首先建立一個文件夾，然后里面創(chuàng)建.babelrc文件

有時候這個文件創(chuàng)建不了的，可以從別處復(fù)制過來

.babelrc文件的內(nèi)容填寫如下：

{
"presets": [],
"plugins": []
}
.babelrc的后期修改需要手動填寫。

二、npm init來初始化項(xiàng)目（一路回車就可以有yes就選擇yes）

執(zhí)行完成后得到package.json文件，這個文件里面的咱們不用管理

三、安裝babel

npm install -g babel-cli
這個是全局安裝，你也可以選擇目錄安裝

npm install --save-dev babel-cli

四、轉(zhuǎn)碼規(guī)則

//最新轉(zhuǎn)碼規(guī)則
npm install --save-dev babel-preset-latest//必裝

//四個提案的轉(zhuǎn)碼規(guī)則，選裝一個銀行代碼http://www.gendan5.com/swiftcode.html
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": [
"latest",
"stage-2"
],
"plugins": []
}

六、使用命令行編譯轉(zhuǎn)碼

//在CMD輸出
babel example.js

//當(dāng)個文件轉(zhuǎn)碼
//--out-file 或 -o 參數(shù)指定輸出文件
babel app.js --out-file app2.js
//或者
babel app.js -o app2.js（gendan5.com）

//整個目錄轉(zhuǎn)碼
//--out-dir 或 -d 參數(shù)指定輸出目錄
babel src --out-dir lib
//或者
babel src -d lib

//-s 參數(shù)生成source map文件
babel src -d lib -s

到離這里完畢。