CtrlK
CommunityDocumentationLog inGet started
Tessl Logo

tessl/npm-workbox-webpack-plugin

tessl install tessl/npm-workbox-webpack-plugin@7.3.0

A plugin for your Webpack build process, helping you generate a manifest of local files that workbox-sw should precache.

Agent Success

Agent success rate when using this tile

80%

Improvement

Agent success rate improvement when using this tile compared to baseline

1.19x

Baseline

Agent success rate without this tile

67%

rubric.jsonevals/scenario-2/

{
  "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
    }
  ]
}

Version

Workspace
tessl
Visibility
Public
Created
Last updated
Describes
npmpkg:npm/workbox-webpack-plugin@7.3.x
tile.json