babel es6转es5原理_es6兼容es5吗

babel es6转es5原理_es6兼容es5吗首先需要安装依赖环境npmi–save-devbabel-clibabel-preset安装es5转换npmi–save-devbabel-preset-es2015安装polyfillnpmi–save-devbabel-polyfill安装运行时转换npmi–save-devbabel-plugin-transform-r…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

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

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

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

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/189854.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Java面试题大全(2021版)

    发现网上很多Java面试题都没有答案,所以花了很长时间搜集整理出来了这套Java面试题大全,希望对大家有帮助哈~本套Java面试题大全,全的不能再全,哈哈~一、Java基础知识面试题1、Java概述①.何为编程编程就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码,并最终得到结果的过程。为了使计算机能够理解人的意图,人类就必须要将需解决的问题的思路、方法、和手段通过计算机能够理解的形式告诉计算机,使得计算机能够根据人的指令一步一步去工作,完成某种特定的任务。这种人和计算机

    2022年4月17日
    38
  • SpringSecurity(十六)—退出登录

    SpringSecurity(十六)—退出登录

    2020年11月12日
    224
  • linux工具类之流量监视

    linux工具类之流量监视

    2021年8月28日
    59
  • linux 安装 redis服务

    linux 安装 redis服务redis官网地址:http://www.redis.io/最新版本:2.8.3在Linux下安装Redis非常简单,具体步骤如下(官网有说明):1、下载源码,解压缩后编译源码。$wgethttp://download.redis.io/releases/redis-2.8.3.tar.gz$tarxzfredis-2.8.3.tar.g

    2022年6月21日
    19
  • html显示当前脚本错误,访问网页总是提示当前网页脚本发生错误怎么办?「建议收藏」

    html显示当前脚本错误,访问网页总是提示当前网页脚本发生错误怎么办?「建议收藏」很多用户现在还在使用IE浏览器来浏览网页,不过最近有用户反映在访问网页的过程中弹出“脚本错误”的提示框,提示当前页面的脚本发生错误,这是怎么回事呢?出现这种情况的原因是用户使用的浏览器不能完全支持页面里的脚本,该如何解决此问题呢?方法一:清除IE缓存1、清除IE浏览器的缓存,点击工具》Internet选项,然后点击Internet删除文件(勾选删除所有脱机内容),之后重新打开IE浏览器,同时确认并…

    2022年8月30日
    0
  • hibernate作用_json.parsearray(string,class)

    hibernate作用_json.parsearray(string,class)Hibernate的query.uniqueResult();转换异常

    2022年9月30日
    0

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号