Mehrere Klassen in ES6-Modulen exportieren

Question

Ich versuche ein Modul zu erstellen, das mehrere ES6-Klassen exportiert. Lassen Sie uns sagen, dass ich die folgende Verzeichnisstruktur haben:

my/ 
└── module/ 
    ├── Foo.js 
    ├── Bar.js 
    └── index.js 

Foo.js und Bar.js jeweils exportieren Sie eine Standard-ES6 Klasse:

// Foo.js 
export default class Foo { 
    // class definition 
} 

// Bar.js 
export default class Bar { 
    // class definition 
} 

ich zur Zeit meine haben index.js wie folgt aufgebaut:

import Foo from './Foo'; 
import Bar from './Bar'; 

export default { 
    Foo, 
    Bar, 
} 

Ich kann jedoch nicht importieren. Ich möchte in der Lage sein, dies zu tun, aber die Klassen sind nicht gefunden:

import {Foo, Bar} from 'my/module'; 

Was ist der richtige Weg, um mehrere Klassen in einem ES6 Modul zu exportieren?

Answer 1

Versuchen Sie dies in Ihrem Code:

import Foo from './Foo'; 
import Bar from './Bar'; 

export { // without default 
    Foo, 
    Bar, 
} 

Btw, Sie können auch es auf diese Weise tun:

//bundle.js 
export Foo from './Foo' 
export Bar from './Bar' 

//and import somewhere.. 
import { Foo, Bar } from './bundle' 

Mit export

export const MyFunction =() => {} 
export const MyFunction2 =() => {} 

const Var = 1; 
const Var2 = 2; 
export { 
    Var, Var2 
} 


// Then import it this way 
import {MyFunction, MyFunction2, Var, Var2 } from './foo-bar-baz'; 

Der Unterschied zu export default

ist, dass Sie etwas exportieren können, und den Namen anwenden, wo Sie es

// export default 
const Func =() {} 
export default Func; 

// import it 
import Foo from './func' 

Answer 2

Hoffnung importieren, das hilft:

// Export (file name: my-functions.js) 
export const MyFunction1 =() => {} 
export const MyFunction2 =() => {} 
export const MyFunction3 =() => {} 

// Import 
import * as myFns from "./my-functions"; 

myFns.MyFunction1(); 
myFns.MyFunction2(); 
myFns.MyFunction3(); 

Answer 3

@ Antwort des webdeb nicht für mich arbeiten, ich traf einen unexpected token Fehler wenn ES6 mit Babel kompiliert wird, benannte Standardexporte.

Das ist für mich gearbeitet, aber:

// Foo.js 
export default Foo 
... 

// bundle.js 
export { default as Foo } from './Foo' 
export { default as Bar } from './Bar' 
... 

// and import somewhere.. 
import { Foo, Bar } from './bundle'