如何在 vuejs 中生成每个版本的新版本？答案

【问题标题】：How to generate new revision each build in vuejs?如何在 vuejs 中生成每个版本的新版本？
【发布时间】：2020-07-31 09:22:29
【问题描述】：

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

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

里面我有条目：revision，url：

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

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

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

【问题讨论】：

我不明白这个问题，如果你没有更改清单文件为什么要更改reversion，因为浏览器会缓存它直到你更改它，这是缓存的好方法

标签： javascript vue.js progressive-web-apps workbox workbox-webpack-plugin

【解决方案1】：

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

假设使用yarn，在package.json中添加resolutions字段：

"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() }
      ]
    } 
  }                                 
}

另见：

如果你不喜欢workbox@v5，显然你可以在构建后修改precache manifest :)

【讨论】：