workbox-core

Service Worker Lifecycle Management

This feature helps in managing the lifecycle of service workers. The `clientsClaim` method ensures that the service worker starts controlling all open clients as soon as it activates.

import { clientsClaim } from 'workbox-core';

self.addEventListener('activate', (event) => {
  event.waitUntil(clientsClaim());
});

Precaching

Although this feature is part of workbox-precaching, it relies on workbox-core for some of its functionality. It allows you to precache assets during the service worker installation phase.

import { precacheAndRoute } from 'workbox-precaching';

precacheAndRoute(self.__WB_MANIFEST);

Routing

This feature allows you to define custom routing rules for network requests. In this example, it uses the Stale-While-Revalidate strategy for caching images.

import { registerRoute } from 'workbox-routing';
import { StaleWhileRevalidate } from 'workbox-strategies';

registerRoute(
  ({request}) => request.destination === 'image',
  new StaleWhileRevalidate({
    cacheName: 'images',
  })
);