webpack - chunks.some 不是函数

Question

我刚刚从 webpack 4 升级到 webpack 5，但是现在当我尝试构建我的解决方案时，它会抛出以下错误：

TypeError: chunks.some 不是函数

这是我的 webpack.config 中的行：

  optimization: {
    splitChunks: {
      cacheGroups: {
        vendor: {
          name: 'vendor',
          chunks: 'all',
          reuseExistingChunk: true,
          priority: 100,
          enforce: true,
          test(module, chunks) {
            const name = module.nameForCondition && module.nameForCondition();
            return chunks.some(chunk => {
              return (/[\\/]node_modules[\\/]/.test(name)
                || /[\\/]vendor[\\/]/.test(name));
            });
          }
        },

有谁知道这已被替换或我如何更改上述内容以使其正常工作？

Answer 1

我设法通过使用以下方法修复它：

splitChunks: {
  cacheGroups: {
    vendor: {
      name: 'vendor',
      chunks: 'all',
      reuseExistingChunk: true,
      priority: 100,
      enforce: true,
      test: /[\\/]node_modules[\\/]|vendor[\\/]/,
    },
  },
},