将资产的URL传递给服务工作者，以便缓存

Question

我的CSS和JS在版本控制的文件名中有哈希值，将这些资源的url传递给服务工作者的最佳方法是什么，以便它可以缓存它们？

Answer 1

我强烈建议使用构建时工具生成＆＃34; manifest＆＃34;您的服务工作者需要的URL，或者整个服务工作者。这将很好地与服务工作者更新流程相关 - 当您的一个文件发生更改时，基础服务工作者也将更改，从而触发一对新的install / activate事件。

要考虑的几个选项：

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