Service Workers to cache image

This commit is contained in:
vapormusic 2021-12-17 11:13:56 +07:00
parent c40e5fa441
commit c2ec359f7b
6 changed files with 52 additions and 0 deletions

39
workbox-config.js Normal file
View file

@ -0,0 +1,39 @@
module.exports = {
globDirectory: 'resources/cider-ui/',
swDest: 'resources/cider-ui/sw.js',
// Define runtime caching rules.
runtimeCaching: [{
// Match any request that ends with .png, .jpg, .jpeg or .svg.
urlPattern: /\.(?:png|jpg|jpeg|svg|webp)$/,
// Apply a cache-first strategy.
handler: 'CacheFirst',
options: {
// Use a custom cache name.
cacheName: 'imageinternet',
// Only cache 10 images.
},
},
{
urlPattern: /https:\/\/is[0-9]-ssl\.mzstatic\.com\/image+/,
handler: "CacheFirst",
},
{
urlPattern: /^https:\/\/store-\d{3}\.blobstore\.apple\.com\/.{65}\/image+/,
handler: "CacheFirst",
},
],
ignoreURLParametersMatching: [
/^utm_/,
/^fbclid$/,
/^X-Amz-Algorithm/,
/^X-Amz-Date/,
/^X-Amz-SignedHeaders/,
/^X-Amz-Expires/,
/^X-Amz-Credential/,
/^X-Amz-Signature/,
]
};