2015-10-02 21 views
7

Sto cercando di creare un file di importazione principale usando la sintassi ES6. Ho una directory dei componenti con un file index.js.Come si crea un file di importazione principale in ES6?

Vorrei le importazioni se ciò ha senso. In sostanza, vorrei importare quindi esportare i singoli file di componenti nel file di indice in modo da poter de-struttura la mia imports da qualsiasi altro file in questo modo:

import {Comp1, Comp2} from "./components" 

Come posso fare questo con ES6 sintassi?

+0

Aspetta, penso di aver frainteso la tua domanda. Stai chiedendo un modo per raccogliere le esportazioni da tutti gli altri moduli nella stessa directory di "index.js" e fare in modo che "index.js" esporti tutte quelle esportazioni? – JMM

+1

@ JMM Sì. Per seguire il mio esempio, ho appena usato l'esportazione di Comp1 da "./comp1" all'interno di index.js. Questo ha funzionato bene. Grazie. – Navx

+0

Oh ok, ho pensato che forse stavi chiedendo un modo per * dinamicamente * elaborare altri moduli nella stessa directory per raccogliere le loro esportazioni, il che richiederebbe un qualche tipo di passaggio aggiuntivo. – JMM

risposta

11

si può fare:

export * from "./components" 
// or 
export {Comp1, Comp2} from "./components" 

Come funziona esattamente per fare riferimento components/index.js dipende dal vostro loader modulo o il formato modulo che sta compilando a. Non sono sicuro di cosa succede se esegui più moduli export * from che si sovrappongono all'esportazione denominata (dovrà verificare).

+0

Funziona alla grande! Non avevo realizzato che fosse così semplice. Grazie. – Navx

+0

Oh ok, fantastico. Dopo aver postato ho pensato che forse avessi frainteso la tua domanda. Prego. – JMM

Problemi correlati