目录 webpack搭建pwa workbox-webpack-plugin原理 pwa原理 webpack搭建pwa pwa 可离线加载页面 pwa 可设置桌面图标 pwa 可发送通知消息 pwa

Service Worker 是浏览器在后台独立于网页运行的脚本，它打开了通向不需要网页或用户交互的功能的大门。 现在，它们已包括如推送通知和后台同步等功能。 将来，Service Worker 将会支持如定期同步或地理围栏等其他功能。 它是一种 JavaScript Work…

Vite和Vite-PWA Vite，是比Webpack开发体验更好的打包工具。而PWA，是渐进式应用，让网页拥有原生应用的能力。两者结合，能带来开发体验和用户体验的双重提升

介绍在 Service Worker 中使用 Workbox 达成 PWA 的实践，主要采用两个策略：预缓存、增量缓存，以及一些小 Tips

本文并不是介绍如何将一个网页配置成离线应用并支持安装下载的。研究PWA的目的仅仅是为了保证用户的资源可以直接从本地加载，来忽略全国或者全球网络质量对页面加载速度造成影响。

监听网页更新，并通知用户刷新页面的插件，支持 Vite、Webpack、umi。接入简单，并支持丰富的自定义功能。

在用户正在访问单页面网站的情况下，突然发布了新的版本。而由于单页面中路由特性，或浏览器缓存的原因，并不会随着路由变化而重新加载前端资源，此时用户浏览器所运行的脚本，并非是最新的代码。

版本更新提示；纯前端； 自动化部署；不用服务器参与的纯前端解决方案，巧妙实现便捷化版本更新提示，～～～

ServiceWorker是一种特化的Worker，专门来处理跟网页有关的资源（assets），在浏览器和真正的服务端之间扮演一个代理（Proxy）的角色。