reactjs - 如何配置 Create React Apps 默认 Service Worker 以缓存不在 react src 上下文（公共文件夹）中的资产？

Question

今天我尝试了 Create React App 的 ServiceWorker，除了在 public/img/favicon.ico 中定义的我的页面的 Favicon 之外，所有内容都被缓存，所以当页面脱机时，Favicon 消失并且连接错误显示在控制台中，也是如此任何人都有经验如何配置服务工作者的网页插件来缓存这个？

Answer 1

我在这里有一个 CRA 项目。我不预先缓存我的网站图标，我让默认处理程序运行时缓存它，但我会预先缓存一个后备图像，你应该能够这样做来预先缓存你的网站图标。

CRA 创建了一个我认为我没有触及的默认软件。为了获得更多控制权，我在 sw-addendum 文件中使用了 workbox，我将其附加到构建中的默认 sw 中。在附录中，您可以预先缓存您需要的内容并设置路线等。

部署后脚本见package.json

"postdeploy": "cp src/face.69232788.jpg docs/face.69232788.jpg && cat src/swAddendum.js >> docs/service-worker.js",

sw-附录在这里

workbox.precaching.precache([
  './face.69232788.jpg',
]);