feat: add workbox runtimeCaching config

wasedatime · May 19, 2022 · 5d47e3c · 5d47e3c
1 parent c0585c1
commit 5d47e3c
Showing 1 changed file with 34 additions and 0 deletions.
diff --git a/root/vite.config.ts b/root/vite.config.ts
@@ -94,6 +94,40 @@ export default defineConfig(({ mode }) => {
             },
           ],
         },
+        workbox: {
+          runtimeCaching: [
+            {
+              urlPattern: ({ event }) => event.request.mode === "navigate",
+              handler: 'NetworkFirst',
+              options: {
+                cacheName: "navigate-cache",
+                fetchOptions: {
+                  credentials: "same-origin",
+                },
+              },
+            },
+            {
+              urlPattern: /.*\.(?:js|ts|css)/,
+              handler: 'NetworkFirst',
+              options: {
+                cacheName: "js-css-cache",
+                fetchOptions: {
+                  credentials: "same-origin",
+                },
+              },
+            },
+            {
+              urlPattern: /.*\.(?:png|jpg|jpeg|svg|gif|woff|woff2|eot|ttf|otf)/,
+              handler: "StaleWhileRevalidate",
+              options: {
+                cacheName: "image-font-cache",
+                fetchOptions: {
+                  credentials: "same-origin",
+                },
+              },
+            },
+          ],
+        },
       }),
     ],
     assetsInclude: ["**/*.png", "**/*.jpg", "**/*.svg"],