Können Platzhalter den Import von Modulen aus mehreren Dateien in JavaScript vereinfachen?

Verwenden von Platzhaltern zum Importieren von Modulen aus allen Dateien in einem Verzeichnis

Obwohl ES6 in der Lage ist, bestimmte Exporte aus Dateien mithilfe einzelner Importanweisungen zu importieren, ist die Verwaltung Mehrfachimporte aus mehreren Dateien können umständlich werden. Um die Organisation zu optimieren, bevorzugen Entwickler möglicherweise ein Modul pro Datei. Herkömmliche Importmethoden für solche Szenarien führen jedoch zu ausführlichen Importen mit separaten Anweisungen für jedes Modul.

Um dieses Problem zu beheben, haben einige Entwickler die hypothetische Möglichkeit in Betracht gezogen, Platzhalter in Importanweisungen zu verwenden, um Module aus allen Dateien innerhalb eines abzurufen angegebenen Verzeichnis. Insbesondere wünschen sie sich eine Syntax wie:

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

Dieser hypothetische Ansatz basiert auf der Annahme, dass jede Datei einen einzelnen Standardexport enthält und denselben Namen wie das entsprechende Modul hat. Derzeit bietet das ES6-Modulsystem jedoch keine direkte Unterstützung für Wildcard-Importe.

Während der vorgeschlagene Ansatz derzeit nicht durchführbar ist, ist es erwähnenswert, dass die Auflösung von Modulnamen von Modulladern übernommen wird. Daher besteht die Möglichkeit, dass in Zukunft eine Modullader-Implementierung entsteht, die solche Wildcard-Importe ermöglichen könnte.

In Ermangelung integrierter Unterstützung besteht eine Workaround-Lösung darin, eine Zwischen-„Moduldatei“ zu erstellen, z Beispiel: lib/things/index.js, die Folgendes enthalten würde:

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

Dieser Ansatz würde es Entwicklern ermöglichen, einen vereinfachten Import zu verwenden Aussage:

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

Das obige ist der detaillierte Inhalt vonKönnen Platzhalter den Import von Modulen aus mehreren Dateien in JavaScript vereinfachen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!