ダイナミックインポート境界とは？
ダイナミックインポート境界とは、コードが静的な import ではなく非同期の import 呼び出しを使う場所であり、対象モジュールを後で取得できることを示します。bundler はそのような呼び出しをそれぞれ継ぎ目として扱い、インポートされたコード用に別の chunk を出力します。モジュールは、実行が実際にその呼び出しに到達したときにのみダウンロードされます。
なぜ重要か
これらの境界は遅延ロードが起こる場所であり、めったに使われない画面のコードを必要になるまで先送りします。適切に配置すれば、ユーザーフローを壊さずに初期ペイロードを削減できます。
関連ガイド
What Is a Code Splitting Strategy?A code splitting strategy is the plan a build uses to break a bundle into smaller chunks loaded on demand, so…
What Is a Prefetch Hint?A prefetch hint tells the browser to fetch a likely-needed resource at low priority during idle time, so it i…
What Is a Suspense Boundary?A suspense boundary wraps part of a UI so that while its data or code is loading, a fallback is shown, lettin…