workbox-routing-example.js

workbox.routing.registerRoute(
  // CSS dosyalarını önbellekle
  /.*\.css/,
  // Önbelleği kullan ama mümkün olduğunda arkaplanda güncelle
  workbox.strategies.staleWhileRevalidate({
    // Özel önbellek ismi kullan
    cacheName: 'css-cache',
  })
);

workbox.routing.registerRoute(
  // Resim dosyalarını önbellekle
  /.*\.(?:png|jpg|jpeg|svg|gif)/,
  // Önbellek kullanılabilirse onu kullan
  workbox.strategies.cacheFirst({
    // Özel önbellek ismi kullan
    cacheName: 'image-cache',
    plugins: [
      new workbox.expiration.Plugin({
        // Sadece 20 resimi önbellekte tut
        maxEntries: 20,
        // Önbellekte en fazla 1 hafta boyunca dursunlar
        maxAgeSeconds: 7 * 24 * 60 * 60,
      })
    ],
  })
);