babel es6转es5原理_es6兼容es5吗

2022-11-08 16:47:00 浏览数 (1)

大家好,又见面了,我是你们的朋友全栈君。

首先需要安装依赖环境 npm i –save-dev babel-cli babel-preset

安装es5转换 npm i –save-dev babel-preset-es2015

安装polyfill npm i –save-dev babel-polyfill

安装运行时转换 npm i –save-dev babel-plugin-transform-runtime babel-runtime

编写.babelrc文件

代码语言:javascript复制
{
  "presets": [
    "es2015"
  ],
  "plugins": []
}

如果需要兼容IE下的promise,需要引入如下脚本 第一个shim是为了可以让一些低级的浏览器支持最新的ecmascript5的一些特性 第二个polyfill是一个在线给浏览器打补丁的脚本。 有关shim的具体知识可以看该网站。

代码语言:javascript复制
 <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>

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

代码语言:javascript复制
{
  "presets": [
    "es2015"
  ],
  "plugins": []
}

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

0 人点赞