当前位置: 首页 > 后端技术 > Node.js

webpack配置使用PWA

时间:2023-04-03 23:49:12 Node.js

pwa离线应用缓存使用APP在很多实际应用中都会用到重要的插件:workbox-webpack-plugin下载安装在webpack.config.js文件配置import使用插件addnewWorkboxWebpackPlugin.GenrateSW({clientClaim:true,skipWaiting:true}),入口文件中importservice-worker//判断浏览器是否支持,需要添加相应的逻辑if('serviceWorker'innavigator){window.addEventListener('load',fucntion(){navigator.serviceWorker.register("/service-workre.js").then(()=>{},()=>{})})}service-worker需要运行服务器-sideservepluginserve-s(directory)暴露目录文件,创建服务访问项目