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 whether the solution leverages workbox-webpack-plugin's GenerateSW to build an offline-ready webpack bundle with correct precaching, runtime caching, and navigation fallback tuned to the described PWA scenario.",
"type": "weighted_checklist",
"checklist": [
{
"name": "GenerateSW setup",
"description": "Uses workbox-webpack-plugin's GenerateSW plugin (not InjectManifest) in the webpack config to emit the service worker during the build.",
"max_score": 25
},
{
"name": "Precaching filters",
"description": "Configures GenerateSW include/exclude or related options so hashed JS/CSS outputs are precached along with offlinePage and any additionalManifestEntries, while sourcemaps and the service worker file are excluded from the precache manifest.",
"max_score": 20
},
{
"name": "API runtime route",
"description": "Adds a runtimeCaching entry whose urlPattern targets the provided apiBaseUrl using handler 'NetworkFirst' with networkTimeoutSeconds set to 5, caching successful responses for reuse while online updates the cache.",
"max_score": 20
},
{
"name": "Image cache limits",
"description": "Adds a runtimeCaching rule for .png/.jpg/.jpeg requests using handler 'CacheFirst' and an ExpirationPlugin (or equivalent options) enforcing maxEntries: 20 and maxAgeSeconds around 7 days.",
"max_score": 20
},
{
"name": "Navigation fallback",
"description": "Sets navigateFallback to the offline page and uses navigateFallbackDenylist (or an equivalent restriction) to avoid applying it to API routes while leaving HTML navigations covered.",
"max_score": 15
}
]
}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