问题标签 [workbox]

我正在使用根文件夹中的 我的 src文件（workbox-sw与我的 .env 文件处于同一级别）workbox-webpack-pluginsw.js

如何获取环境变量并将其访问到我的 srcsw.js文件中

这是来自我的webpack.config.js

每一个帮助将不胜感激！感谢大家！

按照此处工作箱 gulp 示例的安装说明https://developers.google.com/web/tools/workbox/get-started/gulp

一切都运行得很好。

但是现在我想为我的软件生成添加一个外部源。

这里写了如何将外部谷歌字体源添加到服务工作者脚本：https ://developers.google.com/web/tools/workbox/next/

我不确定如何在 gulp 中将其添加到我的生成器中。

我认为它可以像那个选项一样工作：

我还尝试在该选项中包含自定义脚本。但发电机不可能。说一个错误。

我是否需要第二个自定义服务人员来处理我的 gulp 脚本之外的外部资源？

编辑

也许我会在这里找到答案：Workbox build with grunt

错误：其中一个 glob 模式与任何文件都不匹配。请删除或修复以下内容：

是否必须在构建文件夹中包含 globPattern 中提到的文件。

我需要在每次发布后“清除”或“无效”Workbox SW 缓存。

这就是我打算做的（当然是虚拟版本），但我没有足够的经验来理解这是否是正确的方法：

并在每个版本中增加版本:) 我应该从以前的版本中清除每个文件吗？有不同的方法吗？

tnx 用于反馈

我已经安装了 workbox-cli 并且除了默认设置之外，在文件中添加了一个小脚本package.json并调用命令workbox generate:sw 来生成sw.js我刚刚运行的文件npm run generate-sw，然后这给了我sw.js包含所有文件和修订的文件。我在底部的 index.html 中添加了检查和运行服务工作者的脚本

当我运行 Angular 应用程序时，它会构建所有文件并总是给出错误Failed to register a ServiceWorker: A bad HTTP response code (404) was received when fetching the script 我已经更改swDest但workbox-cli-config无法让它添加sw.js文件。我是否错过了 Angular 正在做的事情？

我也尝试将脚本放入main.ts并尝试在那里注册，但仍然出现相同的错误。

Workbox 看起来很简单！

我在模板文件中添加了服务工作者和工作箱，如下所示：

在 sw.js 中，我有

我可以在控制台日志中看到“Service Worker 注册成功”和“Yay！workboxSW 已加载”。但是我在缓存存储（应用程序->缓存存储）下看不到任何东西。如何更新它以便我可以看到服务人员的缓存内容？

我正在尝试将现有项目从手动管理所有内容的服务人员转换为由workbox 3 (beta).

Precache 工作得非常好。但是，routing.registerRoute无论我尝试什么，该方法都不起作用。下面的示例与文档中的完全一样，但是无论何时获取图像，image-cache都不会生成图像，也不会缓存图像。

任何关于我在这里可能做错的指针将不胜感激。

其次，这两个事件侦听器message也push不再起作用。

我可以在 NPM 下看到几个 3.0.0-alpha.1（我是 npm 新手）

我想我以前使用过 workbox-cli 2.1.2。

在对 Service Worker 的缓存破坏进行了一些研究之后，这些方法总是涉及到 push to live with new build with new cache name。

这意味着每次在后端更新一些数据时，我都需要推送新代码。

第二个选择是只使用网络，它不会从缓存中获得性能提升。

我想知道是否有办法远程更新服务工作者，比如推送给所有用户并更新缓存或删除所有缓存

我在我的应用程序中添加了一些workbox.routing.registerRoute使用staleWhileRevalidate，到目前为止，它已经通过了 PWA 下的大多数灯塔测试。我目前根本没有使用 Precaching。我的问题是，这是强制性的吗？如果没有 Precaching，我会错过什么？workbox.routing.registerRoute已经缓存了我需要的一切。谢谢！