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

【问题标题】：Webpack 4 SplitChunks outputting different chunk files in production and development modeWebpack 4 SplitChunks 在生产和开发模式下输出不同的块文件
【发布时间】：2019-09-06 12:16:35
【问题描述】：

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

这是我的配置：

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

【问题讨论】：

标签： webpack-4 webpack-splitchunks

【解决方案1】：

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

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

【讨论】：