Dynamic Import

Definition

import() en tant qu'expression retourne une Promise du module. Permet le chargement conditionnel et le code splitting a l'execution, contrairement aux imports statiques.

Analogie

Commander un plat a la carte au lieu du menu complet : tu ne charges que ce dont tu as besoin, quand tu en as besoin.

Exemple de code

const loadChart = async () => {
  const { Chart } = await import('./chart.js');
  return new Chart(data);
};
// Conditionnel
if (user.isAdmin) {
  const { AdminPanel } = await import('./admin.js');
}

Cas d'usage

Code splitting dans les SPA, chargement lazy de routes/composants lourds, chargement conditionnel.

Termes lies