Wie importiere ich ES6-Module dynamisch in JavaScript?

Dynamische ES6-Modulimporte aufgeklärt

Wenn Sie ES6-Module dynamisch importieren möchten, sind Sie möglicherweise auf die Einschränkung gestoßen, die bei „Import“- und „Export“-Deklarationen möglich ist befinden sich nur auf der obersten Ebene der Datei. Um dieses Problem anzugehen, untersuchen wir die Lösungen.

Anfangs war System.import eine vielversprechende Option, aber sein aktueller Status bleibt unklar. Glücklicherweise hat ECMAScript 2020 dynamische Importe eingeführt, die jetzt über die Babel-Voreinstellung verfügbar sind.

Für bedingte Modulimporte ist hier ein Anwendungsfall:

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

Dieser Ansatz gibt ein Versprechen mit seiner Auflösung zurück enthält das importierte Modul. Der dynamische Importvorschlag bietet zusätzliche Funktionen wie mehrere dynamische Importe, Standardimporte und JavaScript-Dateiimporte. Erfahren Sie hier mehr über dynamische Importe.

Das obige ist der detaillierte Inhalt vonWie importiere ich ES6-Module dynamisch in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!