PWA 보조 라이브러리

서비스 워커 보조 라이브러리

sw-toolbox

sw-toolbox

  • 네트워크 요청과 캐쉬 관리에 추가적인 옵션(만료기한 등)을 제공해주는 서비스워커 보조 라이브러리
# 설치
npm install --save sw-toolbox
  • 사용방법은 아래와 같이 단순하다.
// service-worker.js
importScripts('bower_components/sw-toolbox/sw-toolbox.js');
// 참고 - importScripts
importScripts('a.js', 'b.js',...); // 복수 라이브러리 로딩 가능

sw-precache in Gulp

sw-precache

  • 웹 자원을 런타임 시점 이전에 사전 캐싱 가능한 서비스워커 생성 모듈
  • sw toolbox 라이브러리와 같이 사용 가능
  • 캐싱 시점을 런타임 이전 또는 런타임 시로 변경가능
  • Cache First Strategy
# 설치
npm install --save-dev sw-precache
npm install --global sw-precache

Workbox

Workbox