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

Question

splitChunks在生产和开发模式下输出不同的文件是否正常？是否可以确保模式之间输出文件的编号/名称相同？

这是我的配置：

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

Answer 1

这是Webpack SplitChunksPlugin的功能。通过default，在生产模式下，任何小于30kb的块都将被忽略。

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