2016-06-28 18 views
17

ES6またはES7またはbabelを使用して複数のサブファイルのグループを簡単にバンドルできる構文がありますか?ES6 `輸出*輸入`?

例えば、与えられた:その後、再輸出それら、

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

持っindex.js輸入fooとアクションをバーので、私は

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

をすることができます私が覚えているしたくありません/私がオブジェクトを構成したファイルを変更する場合は、参照を変更します。

+0

SOのコードブロックは、3つのバッククォートではなく、4つのスペースでインデントされています(または '{}'ツールバーボタンを使用)。だから彼らはあなたの質問で奇妙に見えました。 –

答えて

32

はい、ES6は直接インポートモジュールエクスポートをサポートします。あなたはまた、

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

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

をすることができます再輸出*構文を使用してインポートされたモジュールのすべてのエクスポート

export * from …; 

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

More info on MDN.

+9

この[回答](https://stackoverflow.com/questions/41139740/how-to-re-export-another-modules-default-export?noredirect=1&lq=1)は私のために働いた 'export {default as foo} './foo'; 'から。 –