Können Wildcard-Importe Module in ES6 dynamisch laden?

Module dynamisch mit Wildcard-Importen laden

Frage:

In ES6 werden mehrere Exporte importiert aus einer einzigen Datei ist unkompliziert. Allerdings stellt die Organisation von Modulen in einzelne Dateien eine Herausforderung für den Import aus allen Dateien in einem Verzeichnis dar. Gibt es eine Möglichkeit, alle Module mithilfe eines Platzhalters zu importieren?

Antwort:

Obwohl diese Funktion von JavaScript-Modulladern nicht nativ unterstützt wird, gibt es mögliche Problemumgehungen.

Alternativer Ansatz:

Eine Möglichkeit besteht darin, eine zu erstellen Zwischen-„Moduldatei“ innerhalb des Verzeichnisses, z. B. lib/things/index.js, mit folgendem Inhalt:

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

Diese Datei würde als Sammelpunkt für die einzelnen Modulexporte dienen. Anschließend können Sie alle erforderlichen Module aus dieser Indexdatei importieren:

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

Loader-spezifische Implementierungen:

Es ist zu beachten, dass bestimmte Modullader möglicherweise benutzerdefinierte Implementierungen bereitstellen Unterstützt Wildcard-Importe. Möglicherweise müssen Sie verschiedene Loader erkunden oder deren Dokumentation konsultieren, um spezifische Unterstützung für diese Funktion zu erhalten.

Das obige ist der detaillierte Inhalt vonKönnen Wildcard-Importe Module in ES6 dynamisch laden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!