JHipster Maven构建单体Angular应用修改内容需清空浏览器缓存才生效的问题排查与解决

我正在开发一个基于Maven构建的JHipster单体应用，前端采用Angular框架。最近遇到一个棘手的问题：所有代码修改内容均无法正常显示，必须手动清空浏览器缓存（快捷键Ctrl+F5）才能看到更新，这个问题在Firefox和Chrome浏览器中都存在。

一开始我尝试在后端请求中添加pragma: no-cache配置，虽然该配置确实生效了，但核心问题并未得到解决。如果需要更多信息，我可以补充说明。

编辑1：尝试建议方法后的反馈 #

感谢Gaël Marziou先生的评论，抱歉回复延迟。我按照文章里的建议操作了，但没有成功。操作过程中发现项目里没有dist文件夹，于是我自己创建了该文件夹，生成的JSON内容如下：

{"version": "0.0.1-SNAPSHOT", "hash": ""}

请问我是不是哪里操作有误？

编辑2：问题已解决！ #

我查找了JSON中未生成hash值的原因，发现我的webpack.config.js配置写错了：
错误配置：

module.exports = {
  //...
  output: {
    filename: '[hash].bundle.js',
  },
};

正确配置应该使用contenthash而非hash：

module.exports = {
  //...
  output: {
    filename: '[contenthash].bundle.js',
  },
};

修改该配置后问题成功解决，再次感谢Gaël Marziou的评论为我指引了方向。

内容的提问来源于stack exchange，提问作者md-t