「webpack」タグアーカイブ

offline-plugin で Service Worker のキャッシュをあなたの SPA に

先日からWebKit の ServiceWorker(以後SW) が InDevelopment になったとかなんとかでインターネットがざわついてるよう。

「Service Workers が in development」とWebKitが言ったから八月三日はPWA記念日

結局国内のトラフィックの大部分を占めている iOS が今まで全然対応がされていなかったがために PWA がまだまだ未来のもののように感じられていたかもしれないが、これでおそらく一気に身近なものになる(なった)のでは無いだろうか。

SW の機能と offline-plugin

SWはWeb Workerの一種であるが、SWがもたらす機能には主に次の3つがある。

このうち、今回紹介する offline-plugin ではキャッシュを簡単に webpack を利用しているプロジェクトに組み込むことが出来る。

なお、 PWA や SW について記されている記事についてはもう既に内容が古くなっているものも多々存在するため注意されたい。

続きを読む offline-plugin で Service Worker のキャッシュをあなたの SPA に

webpackの静的解析で余計なモジュールをバンドルさせない

webpack はビルドの際にデフォルトで簡単な静的解析を行い、副作用のない置換を行ってくれる部分があります。

全ては把握していないのですが、例として特定の条件を満たす if の条件を計算済み bool に書き換えてくれます。このエントリではこの件について紹介します。

続きを読む webpackの静的解析で余計なモジュールをバンドルさせない