Workbox / create-react-app PWAs何时更新为新的静态资源？

Workbox和create-react-app是两个与PWA（Progressive Web App）开发相关的工具。

Workbox是由Google开发的一个用于创建可靠且高效的离线优先的Web应用程序的库。它提供了一套用于缓存管理、请求路由和运行时缓存策略的API，可以帮助开发者更轻松地构建离线可访问的Web应用程序。

create-react-app是一个由Facebook开发的用于快速创建React应用程序的脚手架工具。它提供了一个预配置的开发环境，使开发者可以更专注于编写应用程序的业务逻辑而不必担心配置和构建过程。

在PWA开发中，静态资源（如HTML、CSS、JavaScript文件）通常会被缓存以实现离线访问和更快的加载速度。当这些静态资源发生变化时，需要更新PWA的缓存，以确保用户获取到最新的版本。

在create-react-app中，当你运行npm run build命令来构建生产版本的应用程序时，create-react-app会自动为生成的静态资源文件添加一个唯一的哈希值。这个哈希值会随着每次构建而改变，因此当你部署新版本的应用程序时，浏览器会自动下载并缓存新的静态资源。

而Workbox可以通过使用workbox-webpack-plugin插件来与create-react-app集成，该插件可以帮助你在构建过程中生成带有唯一哈希值的静态资源，并自动更新PWA的缓存。

因此，当你使用create-react-app和Workbox构建PWA时，静态资源会在每次构建时更新为新的版本，并通过唯一的哈希值来标识。这样可以确保用户在访问PWA时获取到最新的静态资源，提供更好的用户体验。

推荐的腾讯云相关产品：腾讯云CDN（内容分发网络）。腾讯云CDN是一种分布式部署在全球各地的加速服务，可以帮助提高静态资源的加载速度，减少用户访问延迟。您可以通过腾讯云CDN来加速PWA的静态资源分发，提供更好的用户体验。

腾讯云CDN产品介绍链接地址：https://cloud.tencent.com/product/cdn