babel 需要怎么处理才能自动引入polyfill?

Question

bebel.config.js中配置:

module.exports = {
    presets: [
        ['@babel/preset-env', {
            targets: {
                chrome: '58',
                firefox: '60',
                ie: '11',
            },
            useBuiltIns: 'usage',
            corejs: 3,
        }],
    ],
};

已安装core-js

useBuiltIns: 'usage', babel文档或者网上搜到，配置这个东西，可以自动引入polyfill，但是我在编译之后，并没有自动引入，需要怎么处理才能自动引入polyfill

Answer 1

module.exports = {
    presets: [
        ['@babel/preset-env', {
            targets: {
                chrome: '58',
                firefox: '60',
                ie: '11',
            },
            useBuiltIns: 'usage',
            corejs: "3.35.0", //这里必须与package.json中core-js的版本号一致，不能只写个3
        }],
    ],
};

Answer 2

usage 表示按需引用，即你的代码用到某个新 feature，且在你的目标浏览器里不被支持，babel 就会引用需要的 polyfill，让构建后的代码能正常运行在目标浏览器里。

所以没有引入说明你没有用到不被支持的 feature。