ES6のモジュールシステムで
モジュールをまとめてindexするだけのモジュールを書く時など、
インポートしたモジュールをそのままエクスポートしたい時に、
以下のような構文がありますが、
foo.js
export class Foo {}
index.js
export { Foo } from './foo';
export
だけによるNamed exportであれば問題ないのですが、
Default exportされたモジュールをそのままエクスポートしようとすると
index.js
export Foo from './foo'; // Error
どうしても構文エラーになります。
Default exportされたモジュールをそのままエクスポートしたい時は
index.js
export { default as Foo } from './foo';
とするといいみたいです。
なぜこうなるかというと、
foo.js
export default class Foo {}
index.js
import { default } from './foo';
export default
されたモジュールは、上記のように
Named import構文でdefault
という名前で受け取ることができるみたいです。
参考