1

我閱讀了許多關於sw-toolbox和sw-precache的教程。 我的疑問是:使用sw-toolbox和gulp

在閱讀sw-precache時,我發現大多數教程都使用gulp + sw-precache

而在sw-toolbox的情況下,我看到的例子和語法只給出service-worker.js直接寫入代碼(沒有gulpfile代碼)。

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

所以我主要關注的是在一口文件中直接編寫代碼sw-toolbox,這樣我不需要用gulp

產生sw-precache後懷疑

回答

3

你無需爲sw-toolbox手動編寫單獨的代碼。您可以在sw-precache中使用runtimeCaching選項進行配置。只要您配置了此選項,sw-precache將在serviceWorker中插入sw-toolbox庫並向其中添加不同的處理程序。你可以從這個link找到更多的細節。

+0

so runtimeCaching與sw-toolbox的router.get()類似嗎? 它是否提供所有的功能,如maxage,networktimeoutseconds等 –

+1

我檢查了它。它提供了所有功能。謝謝 –

-2

請評論寫sw-toolbox代碼使用SW-預緩存它生成服務人員,您無法編輯該文件。

當使用SW-預緩存我忽略SW-工具箱,僅僅着眼於如何配置SW-預緩存緩存靜態文件和緩存的運行時文件(即緩存圖片或頁面請求時向它們)

+0

如果我想使用sw-toolbox和預緩存 –

+0

你不能這麼容易。這不是SW-precache設計使用的方式。 –

+0

看到上面的答案..而且地獄是啊,我們可以明顯地編輯它後,它是由gulp文件生成的。 –