How to add custom service worker when i use strategies 'generateSW'

[orangsed]

I'm new to PWA technology, what I know is that there are 2 strategies in PWA, namely generateSW and injectManifest.
From what I read, if you want to create a custom service worker, you should use injectManifest. what about using generateSW?

I tried to use the importScripts provided by Vite PWA in the config file, but in the official documentation the use of importScript is not recommended. Then how do I create a custom service worker in the generateSW strategy without using the importScripts feature in the config file?

until now I still use importScript to add custom service workers which must be placed into the public folder

[userquin]

You cannot use custom sw when using generateSW strategy. That strategy will generate the sw for you.

[orangsed]

how about use importScript? when i use that, it's can import my custom service worker in public folder

in the description above, I mean that I can add a custom service worker code such as push notification into sw which is automatically generated by the generateSW strategy.

in this case, I want to keep using the generateSW strategy by adding a sw for push notifications.

[userquin]

You can check the cjs scripts using workbox-build node module: the pwa plugin will do that work for you (check package.json scripts)

https://github.com/vite-pwa/workbox-window-es/tree/main/examples/vue-router/sw

[orangsed]

okay, thanks. i'll learn it

[userquin]

If you are building the service worker it should be inside the codebase, otherwise you can put the sw in the public folder and use inject manifest strategy (in that case the sw must use importScripts having the injection point or disable it in the pwa options)

[userquin]

https://vite-pwa-org.netlify.app/guide/cookbook.html

[orangsed]

okay, thank u so much sir