2016-06-28 19 views
17

Có cú pháp nào sử dụng ES6 hoặc ES7 hoặc babel mà sẽ cho phép tôi dễ dàng nhóm lại với nhau nhiều nhóm tệp phụ?ES6 `export * from import`?

Ví dụ, đưa ra:

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

Có index.js foo nhập khẩu và thanh hành động, sau đó tái xuất, vì vậy tôi có thể

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

Tôi không muốn phải nhớ/thay đổi tài liệu tham khảo nếu tôi thay đổi tập tin mà tôi đã tự sắp xếp các đối tượng.

+0

Các khối mã trên SO được biểu thị bằng cách thụt lề bởi bốn dấu cách (hoặc sử dụng nút thanh công cụ '{}', không phải ba dấu gạch chéo ngược. Đó là lý do tại sao họ trông kỳ lạ trong câu hỏi của bạn. –

Trả lời

32

module Vâng, ES6 hỗ trợ trực tiếp xuất khẩu nhập khẩu:

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

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

Bạn cũng có thể tái xuất tất cả xuất khẩu của module nhập khẩu bằng cách sử dụng * cú pháp:

export * from …; 

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

More info on MDN.

+9

[câu trả lời] này (https://stackoverflow.com/questions/41139740/how-to-re-export-another-modules-default-export?noredirect=1&lq=1) đã làm việc cho tôi 'export {default as foo} từ './foo'; 'thay vào đó. –