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": []
   }
   

   目前只是自己在项目中使用的解决方法，可能还存在一些问题，后期会继续完善，本文会持续更新中