Babel

今天突然看到 TJ 開了一個新 Repo 是 frontend boilerplate 嚇到我了，自從 TJ 去年發表要轉向 Go 之後，就把他自己很多的 Node.js Project 轉給其他人維護，也漸漸沒在 Github 上面活動，但是今天又看到她整理了一份 frontend boilerplate，內容含了現代流行的前端開發工具，大家可以參考看看，是個不錯的 Template:

• Webpack
• React
• Redux
• Babel
• Autoprefixer
• PostCSS
• CSS modules
• Rucksack
• Hot reloading
• Redux router
• Redux effects
• TodoMVC example

期待 TJ 能有其他新作品啊。

今年 2015 六月 17 號 Ecma International 已經同意 ECMA-262 6th edition 版本，這是在 ECMAScript 2015 Has Been Approved 看到的消息，而現在主流就是以 Babeljs 為主，將 ES2015 語法直接轉換成 ES5，讓各大瀏覽器可以繼續支援 ES2015 寫法。今天來介紹 ES2015 內如何使用物件 (Object) 或陣列 (Array)。

先前寫了一篇 CoffeeScript 轉 ES6，裡面有提到 6to5 專案，此專案幫助開發者可以直接寫 JavaScript ECMAScript 6，該專案則會將 ES6 轉成 ES5，但是目前瀏覽器對於 ES6 的支援度還沒有很高，可以直接參考 ECMAScript 6 compatibility table，但是看到專案名稱 6to5，就會覺得如果之後 ES7 出來，不就要多開一個 7to6 專案，果然官方在 Blog 宣佈將名稱正式轉為 Babeljs。Babel 也會持續使用最新 JavaScript Standard 開發 JavaScript transpiler 相關工具，讓各種平台程式都可以使用。

現在就可以透過 Babel 來開發 ES6

$ npm install --global babel

ES6 轉 ES5

$ babel script.js

一些來自 Mozilla, Esprima, jQuery Foundation, Acorn, 6to5, ESLint 組織成員，也合力開了 ESTree，而 Babel 以 ESTree 為基底來開發相關 Tool，所以最新的 Standard 也可以直接參考 ESTree。