为什么Webpack打包输出的文件名未包含contenthash？

• 确认运行模式配置正确：打包时必须使用mode: production，webpack5在development模式下会默认禁用哈希命名策略，即便显式配置[contenthash]也不会生效，可在打包命令中添加--mode production参数强制指定，或检查配置文件中mode字段是否正确配置为生产模式。
• 确认占位符拼写无误：webpack5的哈希占位符为全小写的[contenthash]，拼写错误（如大写ContentHash）会导致占位符不解析。
• 检查是否存在高优先级的命名规则覆盖：
  • 若配置了optimization.splitChunks、optimization.runtimeChunk，需确认这两项配置中没有单独指定js文件名规则，局部命名配置优先级高于全局output.filename
  • 检查MiniCssExtractPlugin、HtmlWebpackPlugin等第三方插件的配置，若这类插件单独设置了js输出的文件名规则，会覆盖全局output配置
• 确认生产环境未开启热更新（HMR）：HMR功能依赖固定文件名实现模块热替换，开启后会强制禁用哈希命名，需在生产配置中移除hot: true相关配置项。
• 清除缓存后重新打包：若使用了HardSourceWebpackPlugin等缓存加速插件，或webpack自带的持久化缓存，先删除node_modules/.cache目录以及过往打包产物后重新执行打包命令，旧缓存可能导致新的命名规则不生效。
• 排查多配置合并问题：如果项目采用多份配置文件（如通用配置+生产环境配置分离的方案），确认生产环境打包时正确合并了带[contenthash]的output配置，没有被其他配置的output规则覆盖。

内容的提问来源于stack exchange，提问作者Teddy McZieuwa