開始在 Babel 上使用 ES67

瀏覽器對 ES6 的支援正在增長，但為了確保你的程式碼能夠在不完全支援它的環境中執行，你可以使用 Babel ，ES6 / 7 到 ES5 轉換器，試一試！

如果你想在專案中使用 ES6 / 7 而不必擔心相容性，可以使用 Node 和 Babel CLI

使用 Babel for ES6 / 7 支援快速設定專案

1. 下載並安裝 Node
2. 轉到資料夾並使用你喜歡的命令列工具建立專案

~ npm init

3. 安裝 Babel CLI

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

4. 建立 scripts 資料夾以儲存 .js 檔案，然後建立 dist/scripts 資料夾，其中將儲存已轉換的完全相容的檔案。
5. 在專案的根資料夾中建立 .babelrc 檔案，並在其上寫下

{
    "presets": ["es2015"]
}

6. 編輯你的 package.json 檔案（執行 npm init 時建立）並將 build 指令碼新增到 scripts 屬性：

{
    ...
    "scripts": {
    ... ,
    "build": "babel scripts --out-dir dist/scripts"
    },
    ...
}

7. 享受 ES6 / 7 程式設計
8. 執行以下命令將所有檔案轉換為 ES5

~ npm run build

對於更復雜的專案，你可能需要檢視 Gulp 或 Webpack