如何用 Babel 和 Rollup 來建構和釋出 ES6 子產品

<b>本文講的是如何用 Babel 和 Rollup 來建構和釋出 ES6 子產品，</b>

<b></b>

ES2015 規範，也稱作 ES6，早在2015年六月被 ECMA 國際（ECMA International）準許為正式标準。在2016年四月，Node.js 基金會釋出了支援 93% ES6語言特性的 Node.js 架構 v6，這要歸功于 V8（引擎）的 v5.0（Node.js）。

很難說用 ES6 及以上的文法和現有文法特性替代第三方庫和 polyfills 有明顯的好處。比如文法更加簡潔，更可讀的代碼，更少的抽象，更易于代碼庫的維護和擴充，能讓開發你的庫更快，在精益創業術語中意味着市場首入。

如果你正在開發一個基于 Node.js 平台的全新 JavaScript 庫（npm 子產品），或許在優化後的 Node.js v6 環境中将它釋出在 NPM , 并對還在使用 Node.js v5 和更早版本的開發者選擇性地提供回退可能是一個好主意。好讓 Node.js 6 的使用者能正常地導入你的庫：

確定代碼在 Node.js 6 環境中運作正常。 而且 Node 0.x 、4.x 、5.x 的使用者也可以導入你的庫的 ES5.1 版本來作為替代（通過 Babel 将 ES6 轉換成 ES5.1）：

這裡有一個包含你的庫的 （使用）ES2015+ 文法源碼的 “src” 檔案夾，和一個你建立項目生成的 “dist” （或“build”）檔案夾。在 “dist” 檔案夾中包含你釋出 NPM 的 CommonJS、ES6 和 UMD bundles（用 Babel 和 Rollup 編譯）。

“package.json” 檔案包含這些依賴包的引用：

“tools/build.js” 腳本是配置編譯步驟的一個簡便方法。它看起來如下：

現在你可以通過運作 “node tools/build”（假設你本地已經安裝 Node.js）在 “dist” 檔案夾中建構你的庫并進行 NPM 釋出。

<b>原文釋出時間為：2016年06月12日</b>

<b>本文來自雲栖社群合作夥伴掘金，了解相關資訊可以關注掘金網站。</b>