React中如何利用缓存击穿技术实现主文件版本化缓存清理？

核心需求 #

仅给构建目录里的main.js文件追加唯一版本号来清理浏览器缓存，main.css及其他JS/CSS文件不做处理。版本值可通过new Date().getTime()（时间戳）或哈希（Hash）方法生成。

代码示例 #

• CSS文件（无需版本号）：

  <link rel="stylesheet" href="main.css" />
  

• JS文件（添加版本号）：
  • 用时间戳生成版本值：

    <script src={`main.js?v=${new Date().getTime()}`}></script>
    

  • 用哈希值生成版本值（假设哈希值已存入hashValue变量）：

    <script src={`main.js?v=${hashValue}`}></script>
    

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