使用 Vue CLI 时如何更新最新的工作箱版本

Question

我正在使用 Vue CLI 插件 - @vue/cli-plugin-pwa 和 Google 工作箱来构建 PWA 应用程序。 我想使用最新版本的工作箱5.1.2但是，当我使用工作箱（webpack）插件生成service-worker.js文件时，它只包含4.3.1版本，如下所示，然后我运行构建脚本：

importScripts("/precache-manifest.83bfba368ee78b40421bed00a145f5e0.js", "https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js");

//etc

有没有什么办法在我bundle的时候配置获取最新版本，目前我需要手动修改。

谢谢大家

Answer 1

得到解决方案（测试），使用 ReplaceInFileWebpackPlugin 插件，然后它起作用了，简单而有效。

 new ReplaceInFileWebpackPlugin([ { dir: "dist", files: ["service-worker.js"], rules: [ { search: "releases/4.3.1", replace: "releases/5.1.2", }, ], }, ]),