Webpack のまとめ
Ivan Akulov
まとめ:
- 不要なバイトを削減。すべてを圧縮し、未使用のコードを削除し、依存関係を追加する際には慎重に行う
- コードをルートごとに分割する。本当に必要なものだけを読み込み、他のものは後で遅延読み込みする
- キャッシュコード。アプリの一部は他の部分よりも更新頻度が低くなっています。これらの部分をファイルに分割して、必要な場合にのみ再ダウンロードされるようにする
- サイズを管理する。webpack-dashboard や webpack-bundle-analyzer などのツールを使用して、アプリのサイズを常に把握します。数か月ごとにアプリのパフォーマンス全体を改めて確認します。
アプリの高速化に役立つツールは Webpack だけではありません。エクスペリエンスをさらに向上させるために、アプリをプログレッシブ ウェブアプリにすることを検討し、Lighthouse などの自動プロファイリング ツールを使用して改善案を入手してください。
webpack のドキュメントもぜひご覧ください。他にも役立つ情報が多数あります。
ぜひトレーニング アプリを使ってプレイしてください。