pwa离线应用缓存使用APP在实际应用中很多会用到
重要插件:workbox-webpack-plugin
下载安装
在webpack.config.js文件配置引入使用
plugins中添加
new WorkboxWebpackPlugin.GenrateSW({clientClaim: true, skipWaiting: true})
使用,在入口文件引入service-worker
// 判断浏览器是否支持,需要添加对应的逻辑
if('serviceWorker' in navigator) {
window.addEventListener('load', fucntion() {
navigator.serviceWorker.register("/service-workre.js").
then(
()=>{},
()=>{}
)
})
}
service-worker需要运行在服务器端
serve插件
serve -s (目录)暴露目录文件,并创建一个服务,访问项目
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。