複数のES6クラスをエクスポートするモジュールを作成しようとしています。次のディレクトリ構造があるとします。
my/
└── module/
├── Foo.js
├── Bar.js
└── index.js
Foo.js
そしてBar.js
各エクスポートデフォルトES6クラス:
// Foo.js
export default class Foo {
// class definition
}
// Bar.js
export default class Bar {
// class definition
}
私は現在、次のようにindex.js
設定しています:
import Foo from './Foo';
import Bar from './Bar';
export default {
Foo,
Bar,
}
ただし、インポートできません。これを実行したいのですが、クラスが見つかりません。
import {Foo, Bar} from 'my/module';
ES6モジュールで複数のクラスをエクスポートする正しい方法は何ですか?
default
エクスポートできるのは1つだけです。誰かがしようとした場合を想像してみてくださいimport SomeClass from 'my/module'
。これによりdefault
、そのパスからモジュールが自動的にインポートされます。そこに複数のデフォルトのエクスポートがある場合、どのエクスポートをインポートするかをどのようにして知るのでしょうか?
export
デフォルトなしで使用するだけ