我有一个使用 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
我做错了什么?
最佳答案
最好的办法是改进构建管道并确保破坏浏览器缓存。阅读Strategies for Cache-Busting ,虽然这是针对 CSS,但原则也适用于 JavaScript。
如果你使用的是 Webpack,那么检查它自己的 documentation关于这个话题。
关于javascript - 每次发布后如何强制完全刷新(重新下载缓存文件),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60727011/