javascript - 如何在 vuejs 中生成每个版本的新版本？

Question

我正在使用带有 pwa（工作箱）的 vue cli。

每次我构建项目时，vue 都会为我创建文件：precache-manifest.882c44d211b70f8989278935.js.

里面我有条目：revision，url：

{
    "revision": "2332b61ff6f66ba9523b370a7f21196d",
    "url": "/index.html"
},

如果我不更改文件，它会得到相同的revision.

revision我的问题是每次构建项目时如何强制不同？

Answer 1

您可能需要 workbox@v5 来修改清单。

假设使用纱线，添加resolutions字段package.json：

"resolutions": {                      
  "@vue/cli-plugin-pwa/workbox-webpack-plugin": "^5.0.0"
},

然后运行yarn安装。在你的vue.config.js：

module.exports = {                    
  pwa: {                                
    workboxOptions: {                     
      exclude: ['index.html'],            
      additionalManifestEntries:[           
        { url: '/index.html',revision: Date.now().toString() }
      ]
    } 
  }                                 
}

也可以看看：

• https://github.com/vuejs/vue-cli/issues/5119#issuecomment-580144313
• https://github.com/GoogleChrome/workbox/issues/2243

---

如果您不喜欢 workbox@v5，显然您可以在构建后修改预缓存清单 :)