Comment puis-je importer plusieurs modules à partir d'un répertoire dans ES6 ?

Importation du module ES6 à partir de plusieurs fichiers

ES6 permet d'importer plusieurs exportations à partir d'un fichier en utilisant la syntaxe import {ThingA, ThingB, ThingC} from 'lib/choses';. Cependant, les mêmes exportations peuvent également être importées à partir de fichiers distincts avec la syntaxe import ThingA from 'lib/things/ThingA'; ce qui peut conduire à un manque d'organisation.

Pour remédier à cela, on souhaite importer les exports de tous les fichiers d'un répertoire à l'aide d'un caractère générique, par exemple importer {ThingA, ThingB, ThingC} depuis 'lib/things /*';.

Disponibilité

Malheureusement, cela la fonctionnalité n’est actuellement pas prise en charge. La résolution des noms de modules est gérée par des chargeurs de modules, et aucune implémentation connue ne prend en charge les caractères génériques.

Solution de contournement

Jusqu'à ce que les importations de caractères génériques soient disponibles, une solution de contournement viable consiste à créer un fichier de module intermédiaire dans lib/things/index.js avec le contenu suivant :

export * from 'ThingA';
export * from 'ThingB';
export * from 'ThingC';

Cela permet d'importer les exports souhaités comme :

import {ThingA, ThingB, ThingC} from 'lib/things';

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!