使用Babel兼容

1.引入babel

pnpm i @rollup/plugin-babel @babel/core -D

rollup.config.js下增加babel插件配置

2、引入babel预设

pnpm i @babel/preset-env -D

增加babel配置文件 .babelrc.json

{
    "presets": ["@babel/preset-env"]
}

至此babel已经可以完成语法兼容。

3、API兼容

引入如下文件

pnpm i @babel/runtime @babel/runtime-corejs3

pnpm i @babel/plugin-transform-runtime -D

更改roll.config.js中babelHelpers的值为runtime

更改.babelrc.json文件配置

useBuiltIns ，它有三个值：1，默认是 false，false 的作用是不使用 polyfill；2，uasge 的作用是自动且按需引入用到的 polyfill；3，entry 的作用是全量引入 polyfill，需要要入口文件手动引入 import "core-js";、 import 'regenerator-runtime/runtime';。

至此babel已经可以完成API兼容。