怎么分割chunk-vendors.js代码大小

可以通过以下方式来分割 `chunk-vendors.js` 文件的大小：

module.exports = {
  configureWebpack: {
    optimization: {
      splitChunks: {
        chunks: 'initial',
        cacheGroups: {
          vendors: {
            test: /[\\/]node_modules[\\/]/,
            name: 'chunk-vendors',
            priority: -10,
            chunks: 'all',
            minSize: 10000,
            maxSize: 250000,
            enforce: true
          }
        }
      }
    }
  }
}

在 `cacheGroups` 中的 `vendors` 配置项中，可以使用 `minSize` 和 `maxSize` 选项来限制被分割出来的代码块的大小范围。这里的意思是将 `node_modules` 中的模块分割出来，如果模块大小小于 `10000` 字节，就不会被分割，如果大于 `250000` 字节，就会被强制分割成一个新的代码块。这样可以避免将过小或过大的代码块打包到 `chunk-vendors.js` 文件中，从而优化浏览器加载性能。

需要注意的是，`minSize` 和 `maxSize` 选项的值应该根据具体的应用场景来设置。如果设置过小，就会导致过多的小文件，增加了网络请求的开销；如果设置过大，就会导致较慢的加载时间，因为浏览器需要下载较大的文件。