Comment obtenir une résolution des dépendances d'exécution avec les importations ES6 ?

Importation de variables ES6 : exploration de la résolution des dépendances d'exécution

Dans ES6, les instructions d'importation constituent un moyen pratique de charger des modules externes. Cependant, les limitations de l'analyse statique empêchent l'importation basée sur les informations d'exécution.

Plus précisément, considérons le cas d'utilisation de l'importation conditionnelle de modules basée sur les valeurs de configuration :

<code class="javascript">import something from './utils/' + variableName;</code>

Cette approche n'est pas réalisable avec la norme déclaration d'importation. Pour résoudre ce problème, nous pouvons utiliser l'API du chargeur et un polyfill.

API du chargeur (Polyfilled)

L'API du chargeur fournit une méthode System.import qui prend en charge la dynamique chargement des modules. Cela nous permet d'importer des modules en fonction de la valeur de variableName au moment de l'exécution :

<code class="javascript">System.import('./utils/' + variableName).then(function(m) {
  console.log(m);
});</code>

Notez que cette approche nécessite un polyfill puisque l'API du chargeur ne fait pas encore partie de la spécification ECMAScript.

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!