Attualmente sto usando ES6 in un'app React tramite webpack / babel. Sto usando i file indice per raccogliere tutti i componenti di un modulo ed esportarli. Sfortunatamente, sembra così:

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_;

Quindi posso ben importarlo da altri posti come questo:

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

Ovviamente non è una soluzione molto bella, quindi mi chiedevo se ci fosse un altro modo. Non riesco a esportare direttamente il componente importato.

Puoi riesportare facilmente l'importazione predefinita:

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

C'è anche una proposta per ES7 ES8 che ti permetterà di scrivere export Comp1 from '…';.

Inoltre, tenere presente che se è necessario esportare più funzioni contemporaneamente, come le azioni che è possibile utilizzare

export * from './XThingActions';

Troppo tardi, ma voglio condividere il modo in cui lo risolvo.

Avere modelfile che ha due denominati export:

export { Schema, Model };

e avendo controllerfile che ha l'esportazione predefinita:

export default Controller;

Ho esposto nel indexfile in questo modo:

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

export { Schema, Model, Controller };

e supponendo che io voglia importarli tutti:

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

Semplicemente:

// 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'

O dai nomi delle funzioni:

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

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

Ulteriori informazioni: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export

Installa @babel/plugin-proposal-export-default-fromtramite:

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

Nel tuo .babelrc.jsono in uno dei tipi di file di configurazione

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

Ora puoi exportdirettamente da un file-path:

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

In bocca al lupo...