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-3/

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

Version

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