Actualmente estoy usando ES6 en una aplicación React a través de webpack / babel. Estoy usando archivos de índice para reunir todos los componentes de un módulo y exportarlos. Desafortunadamente, eso se ve así:

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

Así que puedo importarlo desde otros lugares como este:

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

Obviamente, esa no es una solución muy buena, así que me preguntaba si había alguna otra manera. Parece que no puedo exportar el componente importado directamente.

Puede reexportar fácilmente la importación predeterminada:

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

También hay una propuesta para ES7 ES8 que te permitirá escribir export Comp1 from '…';.

Además, tenga en cuenta que si necesita exportar varias funciones a la vez, como acciones, puede usar

export * from './XThingActions';

Demasiado tarde, pero quiero compartir la forma en que lo resuelvo.

Tener un modelarchivo que tiene dos nombres de exportación:

export { Schema, Model };

y tener un controllerarchivo que tiene la exportación predeterminada:

export default Controller;

Expuse en el indexarchivo de esta manera:

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

export { Schema, Model, Controller };

y suponiendo que quiero importarlos todos:

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

Simplemente:

// 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 por nombres de funciones:

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

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

Más información: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export

Instalar a @babel/plugin-proposal-export-default-fromtravés de:

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

En su .babelrc.jsono cualquiera de los tipos de archivo de configuración

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

Ahora puedes exportdirectamente desde file-path:

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

Buena suerte...