Wie kann ich mehrere Module aus einem Verzeichnis in ES6 importieren?

ES6-Modulimport aus mehreren Dateien

ES6 ermöglicht den Import mehrerer Exporte aus einer Datei mithilfe der Syntax import {ThingA, ThingB, ThingC} from 'lib/things';. Dieselben Exporte können jedoch auch aus separaten Dateien mit der Syntax import ThingA from 'lib/things/ThingA'; was zu mangelnder Organisation führen kann.

Um dies zu beheben, entsteht der Wunsch, Exporte aus allen Dateien in einem Verzeichnis mithilfe eines Platzhalters zu importieren, z. B. import {ThingA, ThingB, ThingC} aus 'lib/things /*';.

Verfügbarkeit

Leider ist dies Die Funktionalität wird derzeit nicht unterstützt. Die Auflösung von Modulnamen wird von Modulladern übernommen, und keine bekannte Implementierung unterstützt Platzhalter.

Problemumgehung

Bis Platzhalterimporte verfügbar werden, besteht eine praktikable Problemumgehung darin, eine zu erstellen Zwischenmoduldatei in lib/things/index.js mit folgendem Inhalt:

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

Damit können Sie das gewünschte importieren Exporte als:

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

Das obige ist der detaillierte Inhalt vonWie kann ich mehrere Module aus einem Verzeichnis in ES6 importieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!