Wie funktioniert das faule Modulladen in ES6?

Question

Wie kann ich ES6-Module laden? Von faul, ich meine, ich möchte Module nicht wirklich laden, die nicht benötigt werden. Zum Beispiel, hier ist etwas, das ich mit RequireJS tun können:

function someEventHandler() { 
    var SomeModule = require('some-module'), 
     module = new SomeModule(); 
    // ... 
} 

Etwas auf der gleichen Linie scheint nicht möglich zu sein ES6 Einfuhren mit:

// Doesn't appear to be valid... 
function someEventHandler() { 
    import SomeModule from 'some-module'; 
    var module = new SomeModule(); 
    // ... 
} 

Gibt es tragfähige Techniken nur ziehen in Abhängigkeiten bei Bedarf mit ES6-Modulen? Oder ist der einzige Pfad, um den vollständigen Abhängigkeitsgraphen zu verfolgen und alles im Voraus zu holen?

Answer 1

Die Anweisung import funktioniert nur ganz oben in Dateien, und alle werden geladen. Dies dient hauptsächlich dazu, potenzielle Probleme mit zirkulären Abhängigkeiten zu vermeiden.

Es wird auch eine Möglichkeit geben, asynchrones Laden durchzuführen; Die Spezifikation scheint jedoch noch nicht abgeschlossen zu sein. Das ES6 module loader polyfill-Paket verwendet eine Methode namens System.import(moduleName), die ein Versprechen gibt und die endgültige Spezifikation ist wahrscheinlich ähnlich aussehen:

function someEventHandler() { 
    System.import('some-module').then((SomeModule) => { 
     var module = new SomeModule(); 
     // ... 
    }) 
}