A plugin for your Webpack build process, helping you generate a manifest of local files that workbox-sw should precache.
Overall
score
80%
{
"context": "Evaluates how the solution uses workbox-webpack-plugin to configure runtime caching for API data, media assets, and offline navigation fallbacks. Checks focus on GenerateSW options that express the required strategies, expirations, and fallback behavior.",
"type": "weighted_checklist",
"checklist": [
{
"name": "Plugin wiring",
"description": "Webpack configuration instantiates workbox-webpack-plugin.GenerateSW (or InjectManifest paired with Workbox runtime helpers) and supplies runtimeCaching/navigateFallback options instead of a hand-written service worker.",
"max_score": 15
},
{
"name": "API NetworkFirst",
"description": "runtimeCaching includes a rule targeting /api/products with handler NetworkFirst, networkTimeoutSeconds set to 2, a dedicated cacheName, cacheableResponse statuses excluding 0 and 500+, and expiration settings maxEntries=30 and maxAgeSeconds=900.",
"max_score": 35
},
{
"name": "Images SWR",
"description": "runtimeCaching defines a StaleWhileRevalidate handler whose urlPattern matches /assets/images/.*\\.(png|jpg)$ with its own cacheName and expiration controls (maxEntries=50 and maxAgeSeconds=604800).",
"max_score": 25
},
{
"name": "Navigation fallback",
"description": "GenerateSW navigateFallback is set to /offline.html together with navigateFallbackDenylist (or an allowlist equivalent) that excludes /^\\/admin/, so only other HTML navigations receive the offline fallback.",
"max_score": 15
},
{
"name": "Offline precache",
"description": "Offline document is guaranteed to be precached, e.g., by adding /offline.html via additionalManifestEntries or ensuring the asset is emitted and included by GenerateSW alongside runtimeCaching rules.",
"max_score": 10
}
]
}Install with Tessl CLI
npx tessl i tessl/npm-workbox-webpack-pluginevals
scenario-1
scenario-2
scenario-3
scenario-4
scenario-5
scenario-6
scenario-7
scenario-8
scenario-9
scenario-10