github.com 最初に ターゲット モチベーション ゴール sweetpack できること プラグイン・設定 設定ファイル 共通プラグイン 開発時プラグイン 有効化されるプラグイン ビルド時プラグイン 有効化されるプラグイン サンプル さいごに 最初に ターゲット 簡単なwebアプリケーション モチベーション 同じ設定ファイルを書くことが多いのでそれを避けたい ゴール babelの設定とwebpackの設定を書かなくてもある程度のことはできるようになる。 ただ、複雑なアプリケーションだとwebpackは無限大なのでそこまでサポートする気はない。 webサイトとかを作るときに、プロダクションや開発の設定(minify, hashed name, server, etc…)を書くのがめんどくさいのでそれを解決する。 sweetpack できること webpackとbabelの設定ファイル

一年以上前の記事なので、コードが古いです。気をつけて読んでください。 PWAとは？ 目的 技術スタック Service Worker PWAのview App Shell Content キャッシュ戦略 読み込みフロー Web App Manifest デザイン FirefoxとChromeしかService Workerないけどどうするの？ ネットワーク 実装 ライブラリ webpack-offline 構成 ファイル ルーティング アセットのインストール API周り SSR 資料 さいごに そういえばPWAの実装したことがなかったなと思ったので少し触ってみた。 PWAとは？ PWA(Progressive Web Apps) インストールが不要で、不安定なネットワークでも素早く起動し、プッシュ通知を可能にします。 また、ホーム画面にアイコンも表示でき、アプリと同様の扱いをすることが可能