"Workbox 预缓存与运行时缓存：策略选择与版本管理"

概述Workbox 为 Service Worker 提供高层封装。预缓存适合构建时已知的静态资源与版本化文件；运行时缓存适合接口与动态资源。合理的策略选择与版本管理是稳定 PWA 的关键。预缓存与版本化使用 `workbox-precaching` 导入构建生成的清单（包含哈希与 URL），在 `install` 阶段缓存；激活阶段清理旧版本［参考1］。版本化文件名避免覆盖与陈旧；入口文档与动态资源不建议预缓存。运行时缓存与策略路由：使用 `workbox-routing` 定义匹配规则；策略：`NetworkFirst`/`StaleWhileRevalidate`/`CacheFirst` 等［参考2］。API：新鲜度要求高的接口使用 `NetworkFirst`；图片等静态资源使用 `CacheFirst`；内容页可用 S-W-R 兼顾速度与更新性。工程建议监测：跟踪缓存命中率与失败率；对异常资源调整策略。清理：在激活阶段删除旧缓存；为动态资源设置到期与最大条目限制。参考与验证［参考1］Chrome Docs：Workbox 预缓存与版本管理说明：https://developer.chrome.com/docs/workbox/modules/workbox-precaching［参考2］Chrome Docs：Workbox 路由与缓存策略概览：https://developer.chrome.com/docs/workbox/caching-strategies-overview关键词校验关键词与 Workbox 预缓存/运行时缓存一致。