babel es6轉es5

1. 首先需要安裝依賴環境
   npm i --save-dev babel-cli babel-preset

2. 安裝es5轉換
   npm i --save-dev babel-preset-es2015

3. 安裝polyfill
   npm i --save-dev babel-polyfill

4. 安裝運行時轉換
   npm i --save-dev babel-plugin-transform-runtime babel-runtime

5. 編寫.babelrc文件

   {
     "presets": [
       "es2015"
     ],
     "plugins": []
   }
   

6. 如果需要兼容IE下的promise，需要引入如下腳本
   第一個shim是爲了可以讓一些低級的瀏覽器支持最新的ecmascript5的一些特性
   第二個polyfill是一個在線給瀏覽器打補丁的腳本。
   有關shim的具體知識可以看該網站。

    <script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-shim.min.js" ></script>
    <script src="https://cdn.polyfill.io/v2/polyfill.min.js" ></script>
   

7. 如果還有報錯比如IE下的Array.from方法報錯，添加如下兼容性腳本

   {
     "presets": [
       "es2015"
     ],
     "plugins": []
   }
   

   目前只是自己在項目中使用的解決方法，可能還存在一些問題，後期會繼續完善，本文會持續更新中