web-dev-qa-db-fra.com

ES6 `export * from import`?

Existe-t-il une syntaxe utilisant ES6, ES7 ou babel qui me permette 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

Avez index.js 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 rappeler/changer de références si je devais changer le fichier dans lequel j'ai organisé les objets.

40
Jordan Feldstein

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 commande * syntaxe:

export * from …;

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

Plus d'informations sur MDN.

72
Timo