2016-06-28 17 views
17

ES6 veya ES7 veya babel kullanarak bir çok alt dosya grubunu kolayca bir araya getirmeme izin verecek bir sözdizimi var mı?ES6 `içe aktarma * içe aktarma?

Ör verilen:

./action_creators/index.js 
./action_creators/foo_actions.js 
./action_creators/bar_actions.js 

index.js ithalat foo var ve eylemler bar, sonra bunları yeniden ihraç, bu yüzden

import {FooAction, BarAction} from './action_creators/index.js' 

ben hatırlamak zorunda istemiyorum olabilir Eğer nesneleri kendim düzenlediğim dosyayı değiştirirsem referansları değiştir.

+0

SO üzerindeki kod blokları, dört boşlukla (veya {{'' araç çubuğu düğmesi kullanılarak) girintiyle belirtilir; Bu yüzden sorunuzda garip görünüyorlardı. –

cevap

32

Evet, ES6 doğrudan ithal ihraç destekler modülleri:

export { name1, name2, …, nameN } from …; 

export {FooAction, BarAction} from './action_creators/index.js' 

yapabilirsiniz ayrıca yeniden ihraç tüm ihracat * sözdizimi kullanarak ithal modülün:

export * from …; 

export * from './action_creators/index.js'; 

More info on MDN.

+9

Bu [yanıt] (https://stackoverflow.com/questions/41139740/how-to-re-export-another-modules-default-export?noredirect=1&lq=1) benim için çalıştı export export {default as foo} yerine './foo'; 'yerine. –