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

Question

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

更新 01： 我刚刚尝试更改我的jsconfig.json文件，希望更改块名称如下：

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

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

标签： javascriptreactjscachingwebpackpublish

Answer 1

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

如果您使用的是 Webpack，请查看它自己关于该主题的文档。