用途:在 Angular 应用中集成渐进式 Web 应用(PWA)能力,包括 Service Worker、离线支持、Web App Manifest 与网页应用安装。标签涉及 PWA、Service Worker、Offline、Web App Manifest,参考 Angular PWA 指南与 ngsw-config 配置。
主要能力:Angular Service Worker v2 带来改进的缓存策略;esbuild PWA 支持可加快构建;使用 @angular/build:application 进行现代化 PWA 构建。
使用方式:先通过 ng add @angular/pwa 为项目添加 PWA 支持,再配置 ngsw-config.json,其中 assetGroups 可对静态资源设置 installMode(如 prefetch 或 lazy)与 updateMode,dataGroups 可为 API 请求配置缓存策略,常见做法是 API 使用 network-first(freshness)、静态资源使用 cache-first。可用 SwPush(@angular/service-worker)请求通知订阅,用 SwUpdate 监听版本更新(如 VERSION_READY 后刷新页面)。还可自定义 manifest 的 name、short_name、theme_color、background_color、display、scope、start_url 与 icons 等字段。
适用场景:需要离线访问、资源缓存、通知推送以及可安装到桌面或移动端的 Angular 应用。
限制:资料未提供具体版本兼容范围、构建产物体积影响、缓存容量上限外的行为、浏览器支持差异、安全或合规注意事项,也未提供收费、价格或效果数据;以上暂未提供。使用前应结合项目实际验证配置。