利用babel-cli搭建支持ES6的node環境

如今ES6盛行，開始大量使用ES6的特性敲代碼，但限於Node.js自己對ES6的特性支持的不夠完備，那麼須要藉助於其餘工具來完成。

基本上，如今都直接寫ES6的代碼，而後使用babel-cli提供的babel轉換成ES5或者使用babel-node直接運行ES6的代碼。

 

安裝

執行命令，全局安裝babel-cli。

npm install babel-cli -g

babel-cli有兩個主要的命令須要用到：

• babel：按照「.babelrc「文件轉碼js文件。
• babel-node：提供一個支持ES6的REPL環境，支持Node的REPL環境的全部功能，能夠直接運行ES6代碼。

 

直接運行ES6代碼文件

建一個工做文件夾，寫一個以下簡單代碼的index-es6.js文件。

let [a, b, c] = [1, 2, 3]
console.log(a, b, c)

運行命令執行index-es6.js文件。

babel-node index-es6.js

執行後能夠看到結果。

 

將ES6轉碼成ES5代碼文件

該種方法使用babel命令進行轉碼。

babel命令須要使用「.babelrc「文件，其中會用到轉碼規則es2015，對應的模塊是babel-preset-es2015，先要進行安裝。

在工做文件夾中執行命令安裝。

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

安裝完成後，在工做文件夾中建立文件」.babelrc「，內容爲。

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

執行如下命令進行ES6到ES5的轉碼。

babel index-es6.js -o index-es5.js

能夠看到轉碼後的idnex-es5.js的內容，很方便。

"use strict";

var a = 1,
    b = 2,
    c = 3;

console.log(a, b, c);

 

End