将资产的URL传递给服务人员以进行缓存

Question

我的CSS和JS在文件名中包含哈希以进行版本控制，将这些资产的url传递给服务工作者以便对其进行缓存的最佳方法是什么？

Answer 1

我强烈建议您使用构建时工具来生成服务工作人员所需的URL的“清单”，或者生成整个服务工作人员的URL。 这将在Service Worker更新流程中很好地发挥作用-当您的文件之一更改时，基础Service Worker也将更改，从而触发一对新的install / activate事件。

要考虑的几个选项：

• offline-plugin （特定于Webpack）
• Workbox ，具体来说，取决于您的构建系统， workbox-webpack-plugin workbox-build / workbox-cli / workbox-webpack-plugin模块。
• sw-precache / sw-precache-webpack-plugin （与sw-precache-webpack-plugin类似，但更早）。