Wie gehe ich mit Standardexporten in Babel 6 um?

Standardexporte in Babel 6 neu definiert

Vor Babel 6 wurden Standardexporte automatisch module.exports zugewiesen. Dieses Verhalten wurde jedoch eingestellt. Folglich müssen Entwickler jetzt .default anhängen, um auf Standardexporte zuzugreifen, wie im folgenden Beispiel zu sehen ist:

var foo = require('./foo');
// use foo

wurde ersetzt durch:

var foo = require('./foo').default;
// use foo

Diese Änderung hat Kompatibilitätsprobleme für verursacht Vorhandener Code, der auf dem vorherigen Exportmechanismus basierte. Um die Kompatibilität ohne umfangreiche manuelle Änderungen aufrechtzuerhalten, ziehen Sie die folgenden Lösungen in Betracht:

Lösung 1: CommonJS direkt verwenden

Durch die direkte Verwendung von CommonJS wird das vorherige Exportverhalten wiederhergestellt. Dieser Ansatz ist jedoch möglicherweise aufgrund möglicher Probleme mit der Interoperabilität und der semantischen Gültigkeit nicht wünschenswert.

Lösung 2: Verwenden Sie das Plugin „transform-commonjs“

Das Plugin „transform Das Plugin von -commonjs ermöglicht Entwicklern die Verwendung von Exporten im CommonJS-Stil innerhalb von ES6-Modulen. Es kann mit npm installiert und in der Babel-Konfigurationsdatei (.babelrc) wie folgt konfiguriert werden:

{
  "plugins": ["transform-commonjs"]
}

Mit diesen Lösungen können Entwickler die Funktionalität des vorhandenen Codes beibehalten, ohne dass eine vollständige Neufassung erforderlich ist. Darüber hinaus bleibt das Importieren von Standardexporten durch das Hinzufügen von .default zum erforderlichen Pfad einfach.

Das obige ist der detaillierte Inhalt vonWie gehe ich mit Standardexporten in Babel 6 um?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!