Dynamic Import

Definition

import() est une fonction qui charge un module de maniere asynchrone et retourne une Promise. Contrairement a l'import statique, il peut etre appele conditionnellement a l'execution.

Analogie

Commander un plat a la carte au lieu de prendre le 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(class="str">'./chart.js');
  return new Chart(data);
};
class="cmt">// Charge uniquement si necessaire
button.onclick = loadChart;

Cas d'usage

Implementer le code splitting pour charger un composant lourd uniquement quand l'utilisateur le demande.