关于javascript:webpack配置使用PWA

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 (目录) 裸露目录文件，并创立一个服务，拜访我的项目