es6语法的转化es5语法

本文讲述了如何使用Rollup和Babel工具处理JavaScriptSDK开发中的ES6语法兼容性问题,重点介绍了如何配置Rollup以选择UMD格式,以及如何使用Babel进行单个文件的打包并设置环境目标。
摘要由CSDN通过智能技术生成

当我们使用原生js去开发一个sdk工具或者库时,js文件常常含有一些es6语法,但浏览器对于es6语法存在兼容性问题,一些低版本的浏览器不支持,这该怎么办。

可以使用一些打包工具将es6语法转化成es5,我喜欢用以下工具rollup,babel来打包js文件,

我就使用过rollup打包开源项目xeokit-bim-viewr(bim模型),在开源项目上去做扩展功能。

其中rollup有个配置项format,可选有 amd,cjs,es,iife,umd,umd 是通用模块定义,作为一个 JS 库要适用各个场景,应选择 umd ,如果使用其他格式的话可能会出现一些问题,如打包后的js方法覆盖window上的。

也可以使用babel来打包单个的js文件,在.babelrc做以下配置,使用命令:

npx babel static/lib  --out-dir dist  --presets=@babel/env

{

    "presets": [

      [

        "@babel/preset-env",

        {

          "targets": "> 0.25%, not dead"

        }

      ]

    ]

  }

  

  • 16
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值