ES6’从进口出口’？

是否有一种使用 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'

如果要更改将对象本身组织到的文件，我不希望必须记住/更改引用。

72819 次浏览

小开

最佳答案

Yes, ES6 supports directly exporting imported modules:

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


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

You can also re-export all exports of the imported module using the * syntax:

export * from …;


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

小开

Default export as Default:

export {default} from './something';

Default export as Named:

export {default as foo} from './something';

Named export as Default:

export {foo as default} from './something';

Named export as Named:

export {foo} from './something';

Named export as Renamed:

export {foo as bar} from './something';