netlify/cloudfront/CDN 上的服务工作者缓存问题答案

【问题标题】：service worker caching issues on netlify/cloudfront/CDNnetlify/cloudfront/CDN 上的服务工作者缓存问题
【发布时间】：2023-04-03 16:57:02
【问题描述】：

我使用服务工作者来缓存我的 PWA。在我的 VPS 上一切正常。现在，当我想在 Netlify 上托管时，由于他们的 CDN，缓存会中断。

"./script.js"

变成

以便在 sw-cache 中找不到该文件。显然，这会破坏离线功能。

是否有使用 CDN 进行缓存的解决方案？

【问题讨论】：

【解决方案1】：

如果您想保持启用资产优化，可以尝试使用 data-dont-bundle 属性加载您的 script.js，例如：

<script data-dont-bundle src="/script.js"></script>

这个属性会告诉 netlify 不要优化那个文件。

【讨论】：