Estoy tratando de crear un módulo que exporta múltiples clases de ES6. Digamos que tengo la siguiente estructura de directorios:
my/
└── module/
├── Foo.js
├── Bar.js
└── index.js
Foo.js
y Bar.js
cada uno exporta una clase ES6 predeterminada:
// Foo.js
export default class Foo {
// class definition
}
// Bar.js
export default class Bar {
// class definition
}
Actualmente tengo mi index.js
configuración así:
import Foo from './Foo';
import Bar from './Bar';
export default {
Foo,
Bar,
}
Sin embargo, no puedo importar. Quiero poder hacer esto, pero no se encuentran las clases:
import {Foo, Bar} from 'my/module';
¿Cuál es la forma correcta de exportar varias clases en un módulo ES6?
default
exportación. Imagina si alguien tratara de hacerlo import SomeClass from 'my/module'
. Esto importaría automáticamente el default
módulo desde esa ruta. Si tuviera varias exportaciones predeterminadas allí, ¿cómo sabría cuál importar?
export
sin el predeterminado