特性
简单的与webpack4使用
不需要提供ServiceWorker文件
提供了一个回调API,当webpack的输出文件发生变化时,你可以做一些处理
安装pm istall --save-dev webpack-sw-plugi执行案例pm ru example在浏览器内打开localhost:3000
使用教程快速上手webpack.cofig.js
cost WebpackSWPlugi = require('webpack-sw-plugi');module.exports = { // etry // output plugis:[ ew WebpackSWPlugi() ]}客户端
import worker from 'webpack-sw-plugi/lib/worker';worker.register();插件初始化选项你可以传递一个配置给webpack-sw-plugi
plugis:[ ew WebpackSWPlugi({ fileame: "test-sw.js", miify: true })]fileame:输出serviceworker文件的文件名,默认值是'service-worker-builder.js'.
miify:控制serviceworker文件是否需要被压缩,如果是生产模式,将会被默认开启.
更新时回调当webpack的输出文件变化时,我们提供了一个回调函数
import worker from 'webpack-sw-plugi/lib/worker';worker.register({ oUpdate:()=>{ cosole.log('cliet has a ew versio. page will refresh i 5s....'); setTimeout(fuctio(){ widow.locatio.reload(); },5000) }});如果客户端的webpack打包文件发生变化,oUpdate方法就会执行例子中页面将会在5秒后进行刷新,刷新后页面将使用全新的打包文件
寻求帮助电邮:iewap@outlook.com
直接提一个issueSubmitaissue
LiceseMIT© violiux666
评论