美文网首页
升级babel7

升级babel7

作者: 无米学炊 | 来源:发表于2018-12-08 18:47 被阅读189次
  1. 使用 babel-upgrade 升级到babel7:
npx babel-upgrade --write

mnpm i @bable/rumtime  core-js --save-dev
  1. 修改.babelrc, 将 useBuiltIns 修改为 usage, 表示按需加载polyfill
"presets": [
  [
    "@babel/preset-env",
    {
      "modules": false,
      "targets": {
        "browsers": [
          "last 2 versions",
          "iOS >= 7",
          "Android >= 5"
        ]
      },
      "useBuiltIns": "usage"
    }
  ]
]
  1. 移除项目中的 import 'babel-polybill';

  2. 编译 npm run build

移除整个babel-polybill后整个项目打包体积有极大减少。

相关文章

  • 升级webpack4

    一、升级babel7 网上已经有很多不错升级babel7的文章了,这里写下主要步骤 1、一键升级 运行命令行后发现...

  • babel7配置备忘

    做一个Babel7升级配置的备忘文档,很多内容都是官网的搬运和理解扩展 概览 Babel7使用 "scoped" ...

  • 升级babel7

    使用 babel-upgrade 升级到babel7: 修改.babelrc, 将 useBuiltIns 修改为...

  • JS ES6预防空指针写法

    1 A && A.B2 a?.b?.c 需要babel7支持

  • babel入门到精通

    主要内容 babel工作流 Toolings Plugins Presets Polyfills babel7做的...

  • babel6升级到babel7

    https://blog.csdn.net/qq_24147051/article/details/102778488

  • 性能优化汇总

    Babel polyfill的按需加载 Babel7 主要是通过其提供的 @babel/preset-env 实现...

  • 使用webpack+babel编译打包一个自己的js库

    使用webpack4 + babel7来生成自己的js库,同时加入eslint校验,jsdoc生成,单元测试。 需...

  • babel7快速入门

    babel是一个可以将es6,7甚至更高的语法转换成低级浏览器或者说所有浏览器执行结果一样的一个工具,那么如果你非...

  • babel【3】:关于 babel 版本

    1、目前,前端开发领域使用的 Babel 版本主要的Babel6 和 Babel7 这两个版本。 你可能想问,怎么...

网友评论

      本文标题:升级babel7

      本文链接:https://www.haomeiwen.com/subject/dstchqtx.html