webpack代码分割splitChunks 如何给分割的chunks取名

在webpack的配置文件中，可以使用`optimization.splitChunks.cacheGroups`来配置代码分割的规则，其中`name`属性可以用于给分割出的chunk命名。例如，可以按以下方式配置：

optimization: {
  splitChunks: {
    cacheGroups: {
      common: {
        name: 'common',
        test: /[\\/]node_modules[\\/]/,
        chunks: 'all',
      },
      styles: {
        name: 'styles',
        test: /\.css$/,
        chunks: 'all',
        enforce: true,
      },
    },
  },
},

以上配置将会把所有来自`node_modules`目录下的模块打包到名为`common`的chunk中，把所有`.css`文件打包到名为`styles`的chunk中。可以根据实际需求自定义其他的cacheGroups，给它们取不同的名字。