babel@7学习笔记(缓慢更新)

72 阅读1分钟
1. 从babel@7.4.0开始不再推荐使用Polyfill,建议使用core-js和regenerator-runtime/runtime

WX20220331-115550.png

2. useBuiltIns的使用
false: 不对 `polyfill` 做操作。如果引入 `@babel/polyfill`,则无视配置的浏览器兼容,引入所有的 `polyfill`
entry: 根据配置的浏览器兼容,引入浏览器不兼容的 `polyfill`
usage: 按需添加,会根据配置的浏览器兼容,以及代码中用到的 API 来进行 `polyfill`
corejs: 指定core-js版本,entry和usage都需要此配置。
"presets": [
    [
      "@babel/preset-env",
      {
        "targets": {
          "edge": "17",
          "firefox": "60",
          "chrome": "67",
          "safari": "11.1"
        },
        "useBuiltIns": "usage",
        "corejs": 2
      }
    ]
]