Webpack の結論

Webpack のまとめ

まとめ:

  • 不要なバイトを削減。すべてを圧縮し、未使用のコードを削除し、依存関係を追加する際には慎重に行う
  • コードをルートごとに分割する。本当に必要なものだけを読み込み、他のものは後で遅延読み込みする
  • キャッシュコード。アプリの一部は他の部分よりも更新頻度が低くなっています。これらの部分をファイルに分割して、必要な場合にのみ再ダウンロードされるようにする
  • サイズを管理する。webpack-dashboardwebpack-bundle-analyzer などのツールを使用して、アプリのサイズを常に把握します。数か月ごとにアプリのパフォーマンス全体を改めて確認します。

アプリの高速化に役立つツールは Webpack だけではありません。エクスペリエンスをさらに向上させるために、アプリをプログレッシブ ウェブアプリにすることを検討し、Lighthouse などの自動プロファイリング ツールを使用して改善案を入手してください。

webpack のドキュメントもぜひご覧ください。他にも役立つ情報が多数あります。

ぜひトレーニング アプリを使ってプレイしてください。