Atualmente, estou usando o ES6 em um aplicativo React via webpack / babel. Estou usando arquivos de índice para reunir todos os componentes de um módulo e exportá-los. Infelizmente, é assim:

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

Então, posso importá-lo de outros lugares como este:

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

Obviamente, essa não é uma solução muito boa, então eu estava pensando, se havia alguma outra maneira. Não consigo exportar o componente importado diretamente.

Você pode reexportar facilmente a importação padrão:

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

Há também uma proposta para o ES7 ES8 que permitirá que você escreva export Comp1 from '…';.

Além disso, lembre-se de que, se você precisar exportar várias funções ao mesmo tempo, como ações, poderá usar

export * from './XThingActions';

Tarde demais, mas quero compartilhar a maneira como resolvo isso.

Tendo o modelarquivo que possui dois nomes de exportação:

export { Schema, Model };

e com o controllerarquivo que possui a exportação padrão:

export default Controller;

Eu expus no indexarquivo desta maneira:

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

export { Schema, Model, Controller };

e supondo que eu queira importar todos eles:

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

Simplesmente:

// 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 pelos nomes das funções:

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

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

Mais informações: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export

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

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

No seu .babelrc.jsonou em qualquer um dos tipos de arquivo de configuração

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

Agora você pode exportdiretamente de file-path:

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

Boa sorte...