Babel配置

• 需要安装单独依赖

//核心和命令行工具
npm i -D @babel/core @babel/cli
//需要挨个装plugin太麻烦，安装预设更方便
npm i -D @babel/preset-env
//每个js文件babel后都会生成很多helper函数，抽离helper函数，各个文件按需进入
npm i -D @babel/plugin-transform-runtime
//防止污染全局变量
npm install --save @babel/runtime-corejs3

• babel.config.js示例

//IIRC useBuiltins和@babel/plugin-transform-runtime不需要一起使用
//他们的功能是一样的，但是plugin-transform-runtime目前不支持按需target
module.exports = function (api) {
  api.cache(true);

  const presets = [
    [
      "@babel/preset-env",
      {
        useBuiltIns: "usage",
        corejs: 3,
        targets: {
          browsers: ["> 1%", "last 2 versions", "not ie <= 8"],
        },
      },
    ],
  ];
  const plugins = [["@babel/plugin-transform-runtime", { corejs: 3 }]];
  return {
    presets,
    plugins,
  };
};

参考：

https://segmentfault.com/a/1190000019718925
https://zhuanlan.zhihu.com/p/147083132