mirror/chinese-colors
2
0
Fork 1
mirror of https://github.com/zerosoul/chinese-colors.git synced 2024-11-21 01:13:53 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: update workbox setting

Browse Source
This commit is contained in:
tristan 2019-09-10 15:42:06 +08:00
parent ca652cf2c4
commit 0af7bf22eb
1 changed files with 64 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
config/webpack.config.prod.js
View File

@ -58,9 +58,72 @@ module.exports = merge(commonConfig, {
}),
new GenerateSW({
clientsClaim: true,
exclude: [/\.map$/, /asset-manifest\.json$/, /index\.html$/, /chinese-colors\/$/],
exclude: [/\.map$/, /asset-manifest\.json$/, /\.(?:png|jpg|jpeg|svg)$/, /\.js$/],
importWorkboxFrom: 'local',
navigateFallback: 'index.html',
//定义运行时缓存（可接受多个json对象）
runtimeCaching: [
{
urlPattern: /\.html$/,
// 在缓存时使用 StaleWhileRevalidate 策略.
handler: 'StaleWhileRevalidate',
options: {
// 定义缓存这些图片的 cache名称
cacheName: 'my-html-cache',
//配置 expiration
expiration: {
maxEntries: 10,
maxAgeSeconds: 60
},
//配置哪些响应被认为是可缓存的
cacheableResponse: {
statuses: [0, 200]
}
}
},
{
urlPattern: /\.(?:png|jpg|jpeg|svg)$/,
// 在缓存时使用 StaleWhileRevalidate 策略.
handler: 'StaleWhileRevalidate',
options: {
// 定义缓存这些图片的 cache名称
cacheName: 'my-images-cache',
//配置 expiration
expiration: {
maxEntries: 10,
maxAgeSeconds: 60
},
//配置哪些响应被认为是可缓存的
cacheableResponse: {
statuses: [0, 200]
}
}
},
{
urlPattern: /\.js$/,
// 在缓存时使用 StaleWhileRevalidate 策略.
handler: 'StaleWhileRevalidate',
options: {
// 定义缓存这些图片的 cache名称
cacheName: 'my-js-cache',
//配置 expiration
expiration: {
maxEntries: 10,
maxAgeSeconds: 60
},
//配置哪些响应被认为是可缓存的
cacheableResponse: {
statuses: [0, 200]
}
}
}
],
navigateFallbackBlacklist: [
// Exclude URLs starting with /_, as they're likely an API call
new RegExp('^/_'),