Come funziona il caricamento del modulo es6

Question

Sono stato readingaboutes6 module loaders e io proprio non capisco come funziona e spero che qualcuno possa illuminarmi.

Nei flussi di lavoro pratici link qui sopra hanno un esempio come questo

System.import('app/app').then(function(app) { 
    // app is now the Module object with exports as getters 
}); 

Nessun problema con quello - ho capito. Ma poi vedo cose del genere

var $ = require('jquery'); 

e diventare davvero confuso. Cosa succede se al momento della chiamata questa jquery non è stata ancora trasferita nel browser? Il filo gira? Il browser analizza il tuo script dietro le quinte e lo modifica in un callback come fa RequireJs? Cosa è configurabile? Ci sono dei limiti specifici?

Qualcuno può darmi una carrellata?

Answer 1

Il Loader modulo ES6 recupera l'origine, determina le dipendenze e attende che tali dipendenze siano caricate prima dell'esecuzione del modulo. Quindi nel momento in cui viene eseguita la richiesta, la dipendenza è già lì seduta in attesa di essere eseguita.

Quando si carica CommonJS tramite un caricatore di moduli ES6, ci si basa sull'analisi statica delle istruzioni require dall'origine e sull'esecuzione della sorgente solo dopo aver caricato tali dati.

In questo modo è possibile supportare in modo dinamico CommonJS nel browser. I riferimenti circolari sono trattati in modo identico al modo in cui vengono gestiti nel nodo.

Le espressioni regolari che analizzano il fabbisogno sono in realtà piuttosto affidabili e veloci, tenendo conto dei commenti e dei token circostanti. Vedi https://github.com/systemjs/systemjs/blob/master/lib/extension-cjs.js#L10 per quello usato da SystemJS.

C'è un limite rimanente con questo approccio e questo è CommonJS dinamico e condizionale richiede come if (condition) require('some' + 'name') non vengono rilevati correttamente. Questo è un costo necessario per far sì che CommonJS si comporti come un formato di modulo completamente asincrono nel browser.