Webpack SplitChunks Hash为什么每次编译都不一样

  1. 确保webpack配置的output.chunkFilename使用的是contenthash,这个为文件的内容hash,只要文件内容不变,该hash值不变

  2. 确保splitChunks.cacheGroups.vendor配置的test内容不变,业务中常把用以下匹配方式把node_modules里面的内容打出一个js文件

          test: /node_modules/,

但是实际项目中,这种匹配方式还是会经常导致contenthash发生变化,因为项目中常会增加外部依赖,所以更优的方案应为指定node_modules里面size比较大的文件进行分片,如对react & react-dom或vue以及其他大文件依赖

最后更新于

这有帮助吗?