1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
|
self.addEventListener('install', function (/*event*/) {
// The promise that skipWaiting() returns can be safely ignored.
self.skipWaiting();
// Perform any other actions required for your
// service worker to install, potentially inside
// of event.waitUntil();
});
self.addEventListener('activate', (event) => {
event.waitUntil(clients.claim());
});
if (typeof workbox === 'undefined') {
importScripts(
'https://storage.googleapis.com/workbox-cdn/releases/5.1.2/workbox-sw.js'
);
workbox.loadModule('workbox-strategies');
workbox.loadModule('workbox-cacheable-response');
workbox.loadModule('workbox-expiration');
}
self.__precacheManifest = [].concat(self.__precacheManifest || []);
if (typeof workbox !== 'undefined' && workbox) {
workbox.core.skipWaiting();
workbox.core.clientsClaim();
workbox.precaching.precacheAndRoute([]);
console.log(`Yay! Workbox is loaded 🎉`);
workbox.routing.registerRoute(
/\/assets\/css/,
new workbox.strategies.CacheFirst({
cacheName: 'vendor-local-css',
plugins: [
new workbox.cacheableResponse.CacheableResponse({ statuses: [0, 200] }),
],
})
);
workbox.routing.registerRoute(
/\/assets\/js/,
new workbox.strategies.CacheFirst({
cacheName: 'vendor-local-js',
plugins: [
new workbox.cacheableResponse.CacheableResponse({ statuses: [0, 200] }),
],
})
);
workbox.routing.registerRoute(
/\/img/,
new workbox.strategies.CacheFirst({
cacheName: 'image-files',
plugins: [
new workbox.cacheableResponse.CacheableResponse({ statuses: [0, 200] }),
],
})
);
// Cache the Google Fonts stylesheets with a stale-while-revalidate strategy.
workbox.routing.registerRoute(
/^https:\/\/fonts\.googleapis\.com/,
new workbox.strategies.StaleWhileRevalidate({
cacheName: 'google-fonts-stylesheets',
})
);
// Cache the underlying font files with a cache-first strategy for 1 year.
workbox.routing.registerRoute(
/^https:\/\/fonts\.gstatic\.com/,
new workbox.strategies.CacheFirst({
cacheName: 'google-fonts-webfonts',
plugins: [
new workbox.cacheableResponse.CacheableResponse({ statuses: [0, 200] }),
],
})
);
} else {
console.log(`Boo! Workbox didn't load 😬`);
}
|