使用sw-toolbox和gulp

时间:2016-09-10 06:50:06

标签: service-worker progressive-web-apps sw-precache sw-toolbox

我阅读了很多关于sw-toolbox和sw-precache的教程。 我怀疑的是:

在阅读有关sw-precache的内容时,我发现大多数教程都在使用gulp + sw-precache

sw-toolbox的情况下,我看到的示例和语法仅用于直接在service-worker.js中编写代码(没有gulpfile代码)。

我正在使用gulp自动生成service-worker文件。

所以我主要关注的是直接在gulp文件中编写sw-toolbox的代码,以便在使用sw-toolbox

生成sw-precache之后我不需要编写gulp代码

请对疑惑发表评论

2 个答案:

答案 0 :(得分:4)

您无需为sw-toolbox手动编写单独的代码。您可以使用runtimeCaching中的sw-precache选项对其进行配置。配置此选项后,sw-precache会在serviceWorker中插入sw-toolbox库,并为其添加不同的处理程序。您可以从link找到更多详细信息。

答案 1 :(得分:-2)

使用sw-precache时,它会生成服务工作者,您无法编辑该文件。

使用sw-precache时,我会忽略sw-toolbox,只关注如何配置sw-precache来缓存静态文件和缓存运行时文件(即请求缓存图像或页面)