ES6 `export * from import '?

Question

Existe-t-il une syntaxe utilisant ES6 ou ES7 ou babel qui me permettra de regrouper facilement de nombreux groupes de sous-fichiers?

Par exemple, étant donné:

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

Demander à index.js d'importer les actions foo et bar, puis les réexporter, pour que je puisse

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

Je ne veux pas avoir à me souvenir / changer les références si je devais changer dans quel fichier j'ai organisé les objets eux-mêmes.

Answer 1

Oui, ES6 prend en charge l'exportation directe des modules importés :

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

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

---

Vous pouvez également réexporter toutes les exportations du module importé à l'aide de la syntaxe * :

 export * from …;

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

---

Plus d'informations sur MDN.