diff --git a/src/service-worker.js b/src/service-worker.js
deleted file mode 100644
index 7de1e67..0000000
--- a/src/service-worker.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import { precacheAndRoute } from 'workbox-precaching';
-
-precacheAndRoute(self.__WB_MANIFEST);
-console.log('Hello from service-worker.js');
diff --git a/src/service-worker.ts b/src/service-worker.ts
new file mode 100644
index 0000000..3ade4b2
--- /dev/null
+++ b/src/service-worker.ts
@@ -0,0 +1,8 @@
+import { precacheAndRoute } from 'workbox-precaching';
+
+// https://stackoverflow.com/questions/56356655/structuring-a-typescript-project-with-workers
+declare const self: ServiceWorkerGlobalScope;
+export {};
+
+precacheAndRoute(self.__WB_MANIFEST);
+console.log('Hello from service-worker.js');
diff --git a/webpack.common.js b/webpack.common.js
index a588026..11c6f7d 100644
--- a/webpack.common.js
+++ b/webpack.common.js
@@ -16,12 +16,11 @@ module.exports = {
     new CopyPlugin({
       patterns: [
         { from: 'src/manifest.json', to: './' },
-        { from: 'src/service-worker.js', to: './service-worker.js' },
         { from: 'src/icons/manifest', to: './' },
       ],
     }),
     new InjectManifest({
-      swSrc: './src/service-worker.js',
+      swSrc: './src/service-worker.ts',
     }),
   ],
   output: {