javascript - 每次发布后如何强制完全刷新(重新下载缓存文件)

Question

我有一个使用 ReactJS 构建的网站，该网站正在不断开发中，我几乎每天都会发布新版本并构建，使用我网站的人有这个问题，即使他们做了 F5 并刷新页面，一切都是 Memory Cached 例如 chunk 文件，这意味着他们没有得到最新的变化，他们必须手动清除浏览器缓存以获得一些结果!
所以这是我的问题，我如何告诉我的应用程序“嘿，这是一个新版本”，所以如果发生刷新 F5，它会下载所有内容并且不使用缓存文件
非常感谢任何解决方案
谢谢。

更新 01:我只是尝试更改我的 jsconfig.json 文件，希望像这样更改 block 名称:

{
    "compilerOptions": {
        "baseUrl": "src"
    },
    "include": [
        "src"
    ],
    "output": {        
        "chunkFilename": "[name].chunkv2.0.js"
    }       
}

但是没有一个 block 是不同的，这意味着它们的名字仍然是 [somehash].chunk.js
我做错了什么？

Answer 1

最好的办法是改进构建管道并确保破坏浏览器缓存。阅读Strategies for Cache-Busting ，虽然这是针对 CSS，但原则也适用于 JavaScript。

如果你使用的是 Webpack，那么检查它自己的 documentation关于这个话题。