🏗️ added: workbox sw

PiyushSuthar · Jul 24, 2021 · 763c751 · 763c751 · vercel · Jul 24, 2021
1 parent d90db7d
commit 763c751
Show file tree

Hide file tree

Showing 4 changed files with 3,595 additions and 182 deletions.
diff --git a/index.html b/index.html
@@ -60,6 +60,12 @@
         gtag("js", new Date());
 
         gtag("config", "G-4RJJLPN38T");
+
+        if ("serviceWorker" in navigator) {
+          window.addEventListener("load", function () {
+            navigator.serviceWorker.register("/sw.js");
+          });
+        }
       }
     </script>
   </body>

diff --git a/package.json b/package.json
@@ -4,7 +4,8 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",
-    "serve": "vite preview"
+    "serve": "vite preview",
+    "postbuild": "workbox generateSW workbox-config.js"
   },
   "dependencies": {
     "nanostores": "^0.3.3",
@@ -16,6 +17,7 @@
     "@types/react": "^17.0.11",
     "typescript": "^4.1.2",
     "vite": "^2.2.3",
-    "vite-plugin-compression": "^0.3.0"
+    "vite-plugin-compression": "^0.3.0",
+    "workbox-cli": "^6.1.5"
   }
 }
diff --git a/workbox-config.js b/workbox-config.js
@@ -0,0 +1,5 @@
+module.exports = {
+    globDirectory: 'dist/',
+    globPatterns: ['**/*.{js,css,ico,html,svg,mp3,webp}'],
+    swDest: 'dist/sw.js',
+};