如何使用webpack 的 splitChunks 配置项，将公共模块提取到单独的文件中

使用 webpack 的 splitChunks 配置项可以将公共模块提取到单独的文件中，具体步骤如下：

1. 在 webpack 配置文件中，添加以下代码：

optimization: {
  splitChunks: {
    chunks: 'all',
    name: 'common'
  }
}

2. 运行 webpack 构建，会在输出目录中生成一个名为 common 的文件，其中包含所有公共模块的代码。

注意：splitChunks 配置项会根据默认规则将公共模块提取到单独的文件中，如果需要更细粒度的控制，可以配置更多的参数，例如：

- minSize：模块的最小体积
- maxSize：模块的最大体积
- minChunks：模块被引用的最小次数
- maxAsyncRequests：按需加载时的最大并行请求数
- maxInitialRequests：入口点处的最大并行请求数
- automaticNameDelimiter：自动命名的分隔符
- cacheGroups：缓存组配置项，用于更细粒度的控制公共模块的提取行为。