Confusion about adding code to service-workers.js

Hi

I’m a bit confused and I think there is a quick answer to this:

As I have understood, this boilerplate is creating it’s own service-worker.js file. But what do I do when I want to add code referring to the the self object?

Example code:

self.addEventListener('notificationclick', function(event) {...})

By reading tutorials and documentation on service workers, I have the opinion that the code above should be placed inside the service-worker.js file. But what to do when it is generated?

Am I on the wrong path or is there something I am missing?

All answers is much appreciated!

[tszarzynski]

We had a similar problem while working on a project recently and we didn’t want to “eject”. Instead, we created a little tool that allows you to append custom service worker code to the one generated by CRA. It’s not an ideal solution but worked well for us.

Have a look here: https://github.com/bbhlondon/cra-append-sw

[Means88]

eject it and check the sw-precache-webpack-plugin in webpack.config.prod.js. You can import your script with the option importScripts . https://github.com/goldhand/sw-precache-webpack-plugin#importscripts-usage-example

(#2253)