J'utilise actuellement ES6 dans une application React via webpack / babel. J'utilise des fichiers d'index pour rassembler tous les composants d'un module et les exporter. Malheureusement, cela ressemble à ceci:

import Comp1_ from './Comp1.jsx';
import Comp2_ from './Comp2.jsx';
import Comp3_ from './Comp3.jsx';

export const Comp1 = Comp1_;
export const Comp2 = Comp2_;
export const Comp3 = Comp3_;

Je peux donc bien l'importer depuis d'autres endroits comme celui-ci:

import { Comp1, Comp2, Comp3 } from './components';

Évidemment, ce n'est pas une très bonne solution, alors je me demandais s'il y avait une autre façon. Je ne semble pas en mesure d'exporter directement le composant importé.

Vous pouvez facilement réexporter l'importation par défaut:

export {default as Comp1} from './Comp1.jsx';
export {default as Comp2} from './Comp2.jsx';
export {default as Comp3} from './Comp3.jsx';

Il existe également une proposition pour ES7 ES8 qui vous permettra d'écrire export Comp1 from '…';.

Gardez également à l'esprit que si vous devez exporter plusieurs fonctions à la fois, comme les actions que vous pouvez utiliser

export * from './XThingActions';

Trop tard mais je veux partager la façon dont je le résous.

Ayant un modelfichier qui a deux exportations nommées:

export { Schema, Model };

et ayant un controllerfichier qui a l'exportation par défaut:

export default Controller;

J'ai exposé dans le indexfichier de cette façon:

import { Schema, Model } from './model';
import Controller from './controller';

export { Schema, Model, Controller };

et en supposant que je veux tous les importer:

import { Schema, Model, Controller } from '../../path/';

Simplement:

// Default export (recommended)
export {default} from './MyClass' 

// Default export with alias
export {default as d1} from './MyClass' 

// In >ES7, it could be
export * from './MyClass'

// In >ES7, with alias
export * as d1 from './MyClass'

Ou par nom de fonction:

// export by function names
export { funcName1, funcName2, …} from './MyClass'

// export by aliases
export { funcName1 as f1, funcName2 as f2, …} from './MyClass'

Plus d'infos: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export

Installer @babel/plugin-proposal-export-default-fromvia:

yarn add -D @babel/plugin-proposal-export-default-from

Dans votre .babelrc.jsonou l'un des types de fichiers de configuration

module.exports = {
  //...
  plugins: [
     '@babel/plugin-proposal-export-default-from'
  ]
  //...
}

Vous pouvez désormais exportdirectement depuis file-path:

export Foo from './components/Foo'
export Bar from './components/Bar'

Bonne chance...