我們都喜歡ES6帶來的好處，你可以在《六個小巧但很棒的ES6功能》和《六個更小但更棒的ES6功能》中看到很多，比如原生類支持、箭頭函數(shù)和其他語言改進。既然瀏覽器支持這些語法的增加，我們中的許多人都急于編寫ES6代碼，而對更新舊代碼的想法感到畏縮。維護……這不是很痛苦嗎?Lebab:一個將傳統(tǒng)JavaScript語法編寫的JavaScript轉(zhuǎn)換為明亮的ES6語法的項目!

Lebab的任務(wù)與Babel相反，它是一個易于使用的命令行實用程序。安裝該命令，然后像使用其他模塊一樣使用該命令：

$ npm install -g lebab

安裝了Lebab之后，您就可以開始將舊的JavaScript轉(zhuǎn)換為ES6 beauty。您可以轉(zhuǎn)換單個文件或整個文件模式：

# single file
$ lebab main.js -o main-es6.js --transform arrow

# pattern: .js files in `src/js`$ lebab --replace src/js/ --transform arrow 

# pattern: used for any type of matching
$ lebab --replace 'src/js/**/*.jsx' --transform arrow

您必須指定一種轉(zhuǎn)換以應(yīng)用于舊版JavaScript文件：

# Use arrow functions instead of `function` keyword when possible
$ lebab main.js -o main-es6.js --transform arrow

# Use `let` and `const` instead of `var` when possible
$ lebab main-es6.js -o main-es6.js --transform let

# Use template strings instead of string concatenation
$ lebab main-es6.js -o main-es6.js --transform template

這是Lebab轉(zhuǎn)換JavaScript前后的快速介紹：

/*
    BEFORE:
*/

// Let/const
var name = 'Bob', time = 'yesterday';
time = 'today';

// Template string
console.log('Hello ' + name + ', how are you ' + time + '?');

var bob = {
  // Object shorthand
  name: name,
  // Object method
  sayMyName: function () {
    console.log(this.name);
  }
};


/*
    AFTER:
*/
// Let/const
const name = 'Bob';

let time = 'yesterday';
time = 'today';

// Template string
console.log(`Hello ${name}, how are you ${time}?`);

const bob = {
  // Object shorthand
  name,
  // Object method
  sayMyName() {
    console.log(this.name);
  }
};

令人沮喪的是，您一次只能通過命令行執(zhí)行一次轉(zhuǎn)換，因此，如果您想使事情變得更快，可以使用編程API：

import lebab from 'lebab';
const {code, warnings} = lebab.transform('var f = function(){};', ['let', 'arrow']);
console.log(code); // -> "const f = () => {};"

有關(guān)轉(zhuǎn)換的列表，其可靠性甚至可以做出貢獻，請查看Lebab GitHub頁面。

Lebab是一個了不起的項目，可以為我們節(jié)省很多人工維護。您是否應(yīng)該盲目地相信Lebab帶來的一切？可能不會。甚至最簡單的Lebab轉(zhuǎn)型也會使我們的生活更輕松嗎？