webpack - splitChunks中的vendor配置问题？

Question

optimization.splitChunks = {
    chunks: 'all', // 默认情况下，splitChunks 只会处理异步 chunks（即通过 import() 动态引入的模块）。但是，通过设置 chunks: 'all'，Webpack 将处理所有类型的 chunks，包括同步引入的模块
    name: false, // 禁用基于 chunk 名称的自动生成。
    cacheGroups: {
      vendor: {
        test: /[\\/]node_modules[\\/]/, // 匹配 node_modules 目录中的模块
        name: 'vendors', // 生成的 chunk 的名称为 vendors
        chunks: 'all' // 对所有类型的 chunk 进行分割。
      },
      default: {
        automaticNamePrefix: '', // 自动生成的 chunk 名称的前缀为空。
        reuseExistingChunk: true, // 复用现有的 chunk，而不是创建新的 chunk。
        minChunks: 2, // 模块被至少引用的次数，只有引用次数大于等于 2 次的模块才会被分割到此组。
        priority: -20 // 优先级，数值越大优先级越高。
      },
      vendors: {
        automaticNamePrefix: 'vendors', // 自动生成的 chunk 名称的前缀为 vendors。
        test: /[\\/]node_modules[\\/]/, // 匹配 node_modules 目录中的模块。
        priority: -10
      }
    },
    hidePathInfo: true, // 隐藏路径信息。
    minSize: 30000, // 模块最小大小，只有大于这个大小的模块才会被分割。
    minChunks: 1, // 模块被引用的最小次数。
    maxAsyncRequests: 5, // 按需加载时的最大并行请求数。
    automaticNameDelimiter: '~', // 自动生成的 chunk 名称之间的分隔符。
    automaticNameMaxLength: 109, // 自动生成的 chunk 名称的最大长度。
    maxInitialRequests: 3 // 入口点的最大并行请求数
  }

请问vendor与vendors作用有什么不同呢？以下是打包后的结果

vendor和vendors：

只有vendor：

Answer 1

https://webpack.docschina.org/plugins/split-chunks-plugin/#sp...

https://github.com/webpack/webpack/blob/main/types.d.ts#L9430