babel配置指南--兼容老式浏览器的垫片

babel-runtime

将es6编译成es5去运行,前端可以使用es6的语法来写,最终浏览器上运行的是es5

在大多数情况下,你应该安装 babel-plugin-transform-runtime 作为项目依赖(用 --save-dev

npm install --save-dev babel-plugin-transform-runtime

babel-runtime 作为生产依赖关系(用 --save-dev )。

npm install --save babel-runtime

添加下面一行到你的 .babelrc 文件:

{
  "plugins": ["transform-runtime"]
}

或者

{
  "plugins": [
    ["transform-runtime", {
      "helpers": false,
      "polyfill": false,
      "regenerator": true,
      "moduleName": "babel-runtime"
    }]
  ]
}

babel-polyfill

不会将代码编译成低版本的js,他的原理是当运行环境中并没有实现的一些方法的时候会去做兼容
npm install --save babel-polyfill
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一、事件驱动 在项目中使用 ES6 语法,并可以通过 Babel 将 ES6 代码转换为 ES5 的代码,然后真正...
    神秘者007阅读 1,096评论 0 0
  • 前言 半年前也写过一篇babel的简单使用文章,当时看了下babel的文档,但是很多地方还不理解,所以文章里没有怎...
    mercurygear阅读 46,364评论 9 100
  • 了解 Babel 各个模块 本文所研究的是 babel 6 版本。babel 6 是 2015年10月30号 发布...
    shianqi阅读 4,890评论 0 7
  • Babel 入门指南 ​:warning: 注意:Babel 可以与很多构建工具(如 Browserify、Gru...
    静默虚空阅读 2,659评论 0 4
  • 在 Github 上 Fork 了别人的代码,在 package.json 中看到了很多与 Babel 有关的包,...
    dkvirus阅读 1,106评论 0 3

友情链接更多精彩内容