Workbox webpack Plugins の GenerateSW 仕様 - Qiita

最近 webpack を使ってWebアプリを作る仕事が多く、加えてPWAと話もちらほらとなってきたので情報を探していたらWorkbox webpack Pluginsというものに辿り着いた。（途中経過はかなり端折っている） どうやって使うものなのか詳しく調べようと思ったが日本語の説明サイトでは全体像を説明しているところが見つからなかったため自分で調べることにした。 Workbox って？ 公式サイト Webアプリのオフライン処理をサポートするJavaScriptライブラリらしい。 PWAを構成する機能のひとつがServiceWorker。ServiceWorkerは（ざっくり言うと）ブラウザのAjax通信をインターセプトしてキャッシュ を返すか実体を返すかなどを分岐できる機能がある。WorkboxはそのServiceWorkerの実装を簡易化してくれるもの、と認識している。 ちなみに公式サ