Importations dynamiques et conditionnelles

Les modules ES permettent aux importations JavaScript natives. Par exemple, l'importation d'une bibliothèque de confettis:

 Importez des confettis à partir de 'https://cdn.skypack.dev/canvas-confetti';
confettis();

Cette importation s'exécute immédiatement. Cependant, le chargement conditionnel est possible en utilisant ce modèle:

 (async () => {
  if (condition) {
    // attend l'importation ("Stuff.js");

    // Importation conditionnelle de confettis (nécessite cette syntaxe spécifique en raison de sa nature)
    const {default: confetti} = attendre l'importation (
      "https://cdn.skypack.dev/canvas-confetti@latest"
    ));
    confettis();
  }
}) ();

L'approche conditionnelle est utile pour divers scénarios. Par exemple, le chargement des modules basés sur l'URL ou les composants Web de rendu conditionnel. Les possibilités sont nombreuses.

Un autre avantage clé est le chargement conditionnel responsable. Considérez cet exemple, lorsqu'un module ne se charge que si saveData est faux:

 // ... (reste du code)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!