dynamic importを避ける
原則
TypeScript/JavaScriptコードでは通常の静的importを使うこと。
import()(dynamic import)はデフォルトでは使用禁止。
// Good
import { foo } from "./foo";
// Bad: 読み込まれることが確定しているのにdynamic importしている
const { foo } = await import("./foo");
理由
- 静的importは依存関係がツールやバンドラにとって明確になる
- 型チェック、リファクタリング、未使用検出などの静的解析が効きやすい
- トップレベルで依存が宣言されるためコードが読みやすい
- 不要なモジュールはバンドラのツリーシェイキングで除去される
dynamic importが許可される場合
以下のケースではimport()を使ってよいです。
ルートベースのコード分割(lazy page import)
SPAのページ単位の分割な
[Description truncada. Veja o README completo no GitHub.]