简单的与webpack4使用
不需要提供ServiceWorker文件
提供了一个回调API，当webpack的输出文件发生变化时，你可以做一些处理
安装npm install --save-dev webpack-sw-plugin执行案例npm run example在浏览器内打开localhost:3000
使用教程快速上手webpack.config.js
const WebpackSWPlugin = require('webpack-sw-plugin');module.exports = { // entry // output plugins:[ new WebpackSWPlugin() ]}客户端
import worker from 'webpack-sw-plugin/lib/worker';worker.register();插件初始化选项你可以传递一个配置给webpack-sw-plugin
plugins:[ new WebpackSWPlugin({ filename: "test-sw.js", minify: true })]filename:输出serviceworker文件的文件名，默认值是'service-worker-builder.js'.
minify:控制serviceworker文件是否需要被压缩，如果是生产模式，将会被默认开启.
更新时回调当webpack的输出文件变化时，我们提供了一个回调函数
import worker from 'webpack-sw-plugin/lib/worker';worker.register({ onUpdate:()=>{ console.log('client has a new version. page will refresh in 5s....'); setTimeout(function(){ window.location.reload(); },5000) }});如果客户端的webpack打包文件发生变化，onUpdate方法就会执行例子中页面将会在5秒后进行刷新，刷新后页面将使用全新的打包文件
寻求帮助电邮：iewnap@outlook.com
直接提一个issueSubmitaissue
LicenseMIT© violinux666
评论