如何配置 Create React Apps 默認 Service Worker 以緩存不在 react src 上下文（公共文件夾）中的資產？

Question

今天我嘗試了 Create React App 的 ServiceWorker，除了在 public/img/favicon.ico 中定義的我的頁面的 Favicon 之外，所有內容都被緩存，所以當頁面脫機時，Favicon 消失並且連接錯誤顯示在控制台中，也是如此任何人都有經驗如何配置服務工作者的網頁插件來緩存這個？

Answer 1

我在這里有一個 CRA 項目。 我不預先緩存我的網站圖標，我讓默認處理程序運行時緩存它，但我會預先緩存一個后備圖像，你應該能夠這樣做來預先緩存你的網站圖標。

CRA 創建了一個我認為我沒有觸及的默認軟件。 為了獲得更多控制權，我在 sw-addendum 文件中使用了工作箱，我將 append 設置為構建中的默認 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',
]);