利用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