webpack-4 - Webpack 4 SplitChunks 在生产和开发模式下输出不同的块文件

Question

splitChunks 在 Production 和 Development 模式下输出不同的文件是否正常？是否可以确保输出文件的数量/名称在模式之间相同？

这是我的配置：

splitChunks: {
       cacheGroups: {
           vendors: {
              test: /[\\/]node_modules[\\/]/i,
              chunks: "all",
              reuseExistingChunk: true
           }
       }
    }

Answer 1

这是 Webpack 的一个特性SplitChunksPlugin。默认情况下，在生产模式下，任何小于 30kb 的块都将被忽略。

您可以通过将optimization.splitChunks.minSize 选项设置为小于开发模式中的最小块的值来强制执行最小块大小，以确保在开发和生产模式中创建相同的块。