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的具体知识可以看该网站。

     
     
    
  7. 如果还有报错比如IE下的Array.from方法报错,添加如下兼容性脚本

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

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

你可能感兴趣的:(javascript)