javascript - ES6 `export * from import`? - Stack Overflow

admin管理员组

文章数量:1134599

Is there a syntax using ES6 or ES7 or babel which will allow me to easily bundle together many groups of sub files?

E.g., given:

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

Have index.js import foo and bar actions, then re-export them, so I can

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

I don't want to have to remember / change references if I were to change which file I've organized the objects themselves into.

Is there a syntax using ES6 or ES7 or babel which will allow me to easily bundle together many groups of sub files?

E.g., given:

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

Have index.js import foo and bar actions, then re-export them, so I can

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

I don't want to have to remember / change references if I were to change which file I've organized the objects themselves into.

• javascript
• ecmascript-6
• babeljs

Share Improve this question Follow edited Jun 28, 2016 at 14:56 Felix Kling 816k180180 gold badges1.1k1.1k silver badges1.2k1.2k bronze badges asked Jun 28, 2016 at 13:09 Jordan Warbelow-FeldsteinJordan Warbelow-Feldstein 10.7k1313 gold badges5050 silver badges7979 bronze badges 0

Add a comment  | 

3 Answers 3

Sorted by: Reset to default 167

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';

---

More info on MDN.

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';

All export as is:

export * from './something';

export * from './something';
export {default} from './something';

can export default and others

本文标签： javascriptES6 export * from importStack Overflow