web-dev-qa-db-ja.com

ES6 `export * from import`？

ES6またはES7またはbabelを使用して、サブファイルの多くのグループを簡単にまとめることができる構文がありますか？

例えば、与えられた：

./action_creators/index.js
./action_creators/foo_actions.js
./action_creators/bar_actions.js

Index.jsにfooアクションとbarアクションをインポートさせてから、それらを再エクスポートさせるので、

import {FooAction, BarAction} from './action_creators/index.js'

オブジェクト自体を編成したファイルを変更する場合、参照を覚えたり変更したりする必要はありません。

javascriptecmascript-6babeljs
40
Jordan Feldstein

はい、ES6はインポートされたモジュールの直接エクスポートをサポートします：

export { name1, name2, …, nameN } from …;

export {FooAction, BarAction} from './action_creators/index.js'

*構文を使用して、インポートしたモジュールのすべてのエクスポートを再エクスポートすることもできます。

export * from …;

export * from './action_creators/index.js';

MDNの詳細

72
Timo