Service Worker Without Precache

TIP

Read previous section for context: Service Worker Precache

From vite-plugin-pwa v0.14.0+ you can register your custom service worker (using injectManifest strategy) without injection point (no service worker precache manifest).

You only need to configure injetManifest with an undefined injection point:

import { VitePWA } from 'vite-plugin-pwa'
export default defineConfig({
  plugins: [
    VitePWA({
      strategies: 'injectManifest',
      injectManifest: {
        injectionPoint: undefined
      }
    })
  ]
})

import { VitePWA } from 'vite-plugin-pwa'
export default defineConfig({
  plugins: [
    VitePWA({
      strategies: 'injectManifest',
      injectManifest: {
        injectionPoint: undefined
      }
    })
  ]
})

Then in your custom service worker, you can omit the precache manifest injection, you have an example in the repo: custom-service-worker.

Service Worker Without Precache #

Service Worker Without Precache