有没有办法使用 useBuiltIns 对 poyfill 进行代码拆分：用法？

Question

在 webpack v4 和 babel v7 上，我想使用 @babel\preset-env 的 useBuiltIns: "usage" 选项来获取所需 polyfill 的特定导入，但我想将导入的 polyfill 从我的主包中分离出来，并将它们放入另一个文件，比如polyfills.js 或其他东西。

在有关 shimming 的 webpack 文档中，有一个 bundling the polyfills into a separate file 的示例，但它需要一个单独的入口文件并声明导入。问题是 useBuiltIns: "usage" 不应该声明任何导入 (see the docs)，因为 Babel 会处理它，所以很遗憾这不起作用。

所以问题是如何在使用 useBuiltIns: "usage" 时将我的 polyfill 捆绑到一个单独的文件中？

Answer 1

// webpack.config.js
module.exports = {
  optimization: {
    splitChunks: {
      cacheGroups: {
        polyfills: {
          test: /[\\/]node_modules[\\/](@babel|core-js|regenerator-runtime)[\\/]/,
          name: 'polyfills',
          chunks: 'initial',
          priority: 60,
          enforce: true,
          reuseExistingChunk: true
        }
      }
    }
  }
};