Comment importer dynamiquement des modules ES6 en JavaScript ?

Les importations dynamiques de modules ES6 dévoilées

Si vous cherchez à importer des modules ES6 de manière dynamique, vous avez peut-être rencontré la limitation où les déclarations "import" et "export" peuvent résident uniquement au niveau supérieur du fichier. Pour résoudre ce problème, explorons les solutions.

Au départ, System.import était une option prometteuse, mais son statut actuel reste incertain. Heureusement, ECMAScript 2020 a introduit les importations dynamiques, désormais disponibles via le babel-preset.

Pour les importations de modules conditionnelles, voici un cas d'utilisation :

if (condition) {
    import('something')
    .then((something) => {
       console.log(something.something);
    });
}

Cette approche renvoie une promesse, avec sa résolution contenant le module importé. La proposition d'importation dynamique offre des fonctionnalités supplémentaires telles que plusieurs importations dynamiques, les importations par défaut et les importations de fichiers JavaScript. Explorez davantage les importations dynamiques ici.

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!