有没有一种方法可以用useBuiltIns：用法代码拆分poyfills？

Question

在webpack v4和babel v7上，我想使用useBuiltIns: "usage"的{​​{1}}选项来为所需的polyfill获取特定的导入，但是我想将导入的polyfill与我的主捆绑包分开，并且将它们放在另一个文件中，例如@babel\preset-env之类。

在有关匀压的webpack文档中，有一个bundling the polyfills into a separate file的示例，但是它需要带有声明的导入的单独入口文件。问题在于，使用polyfills.js时，您不应声明任何导入（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
        }
      }
    }
  }
};