JavaScript 編譯器-Babel

Babel是一個普遍使用的轉碼器，能夠將ES6代碼轉爲ES5代碼，從而在現有環境執行。這意味着，你能夠如今就用ES六、ES7編寫程序，而不用擔憂現有環境是否支持。

1、全局安裝babel工具

在保證node和npm安裝完成前提下在終端輸入如下命令：

$ npm install -g babel-cli

2、配置 .babelrc文件

Babel的配置文件是.babelrc，存放在項目的根目錄下。

 

注意:windows不容許文件.開頭，因此建立一個a.txt而後用CMD→$ rename a.txt .babelrc來更名。

 

該文件用來設置轉碼規則和插件，基本格式以下：

 

{
　　"presets": ["es2015"],//設定轉碼規則(翻譯器)
　　"plugins": []
}

3、安裝babel-preset-es2015

雖然已經安裝了babel-cli，只是這樣還不能成功進行轉換，咱們還須要安裝轉換包才能成功轉換。

$ npm install --save-dev babel-preset-es2015

安裝完成後，咱們能夠看一下咱們項目文件夾的package.json文件，已經多了devDependencies選項。

4、使用

 終端輸入以下命令：

$ babel  待轉換文件 -o 轉換後文件

 

如今你能夠盡情使用babel了！