動的インポート

静的インポートとの違い:通常の import x from "..." は必ず実行され、ページの開始時に読み込まれる。import("...") はモジュールを解決する Promise を返す関数呼び出しなので、クリック後、条件成立時、要素が見えた時など好きなタイミングで呼べる。主な用途はコード分割と遅延読み込みで、重い機能、ルート、めったに開かないダイアログを必要な時だけ読み込めば、初期バンドルが小さくなり初回表示が速くなる。条件付き読み込み(必要な場合だけポリフィルを読む、言語ごとに別のコードを読むなど)にも使える。Vite や webpack は import() を認識し、そのコードを別の「チャンク」に自動で切り出してオンデマンドで取得する。分割読み込みによる性能最適化の基礎であり、コード分割やブラウザでのESモジュールとも関連する。