Le istruzioni di importazione ed esportazione sono specifiche per Angular 2?

Question

Queste istruzioni provengono da un linguaggio/framework specifico o da qualcosa di personalizzato per Angular 2. Sto cercando di capire come funziona Angular 2.

import {} from '' 
export class ... { } 

Answer 1

Si tratta di moduli di ECMAScript 6. https://hacks.mozilla.org/2015/08/es6-in-depth-modules/

Answer 2

No, i import e export parole chiave non sono specifici Angular2.

importazione

L'istruzione import consente di importare funzioni, oggetti o primitive che sono stati esportati da un modulo esterno, un altro script, ecc Fondamentalmente usiamo il modulo import per caricare i fasci Angular2. Per esempio:

'import {Component, and many more here....} from angular2/core` 

Qui, Component è un modulo che viene importato dai fasci di Angular2. angular2/core non è un percorso, bensì un pacchetto predefinito di Angular2. Se si guarda il codice sorgente di angular bundle, è possibile vedere che c'è System.register("angular2/core", .... - per questo, abbiamo già importato system.js prima del nostro Angular nel file index.html. system.js è il modulo loader qui.

La funzione import non è implementata in alcun browser nativamente in questo momento. È implementato in molti transpilers, come il Traceur Compiler, Babel o Rollup. Per ulteriori informazioni sul modulo import, è can read this tutorial sul modulo di importazione. Per l'elenco delle importazioni per Angular2 è possibile leggere su questo here.

esportazione

Come è evidente dal nome, la dichiarazione export consente di esportare le funzioni, oggetti o primitive da un dato file (o modulo). export è solo un identificatore in modo che possa essere importato tramite importazione in un altro script. export è anche un modulo ES6 come il modulo di importazione. Un articolo su export è here. Come suggerito da Eric nei commenti, abbiamo utilizzato la classe di esportazione nel progetto Angular2 per esportare le classi del componente. Per un esempio, è possibile fare riferimento al mio repo here.