webpack-sw-plugin webpack4 插件开源项目

我要开发同款
匿名用户2019年01月10日
90阅读

技术信息

开源地址
https://github.com/violinux666/webpack-sw-plugin
授权协议
MIT

作品详情

特性

简单的与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

Licese

MIT© violiux666

功能介绍

特性 简单的与webpack4使用 不需要提供ServiceWorker文件 提供了一个回调API,当webpack的输出文件发生变化时,你可以做一些处理 安装 npm install --sa...

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论