ईएस 6 इंडेक्स फ़ाइल में निर्यात/आयात

Question

मैं वर्तमान में वेबपैक/बाइबल के माध्यम से एक प्रतिक्रिया ऐप में ES6 का उपयोग कर रहा हूं। मैं मॉड्यूल के सभी घटकों को इकट्ठा करने और उन्हें निर्यात करने के लिए इंडेक्स फ़ाइलों का उपयोग कर रहा हूं। दुर्भाग्य से, कि इस तरह दिखता है:

import Comp1_ from './Comp1.jsx'; 
import Comp2_ from './Comp2.jsx'; 
import Comp3_ from './Comp3.jsx'; 

export const Comp1 = Comp1_; 
export const Comp2 = Comp2_; 
export const Comp3 = Comp3_; 

तो मैं अच्छी तरह से इसे इस तरह अन्य स्थानों से आयात कर सकते हैं:

import { Comp1, Comp2, Comp3 } from './components'; 

जाहिर है कि एक बहुत अच्छा समाधान नहीं है, तो मैं सोच रहा था, अगर वहाँ कोई और तरीका था। मैं सीधे आयातित घटक निर्यात करने में सक्षम नहीं प्रतीत होता।

सादर

Answer 1

आप आसानी से फिर से निर्यात कर सकते हैं डिफ़ॉल्ट आयात:

export {default as Comp1} from './Comp1.jsx'; 
export {default as Comp2} from './Comp2.jsx'; 
export {default as Comp3} from './Comp3.jsx'; 

वहाँ भी एक proposal for ES7 ES8 आप export Comp1 from '…'; लिख देंगे है।

Answer 2

साथ ही, ध्यान भालू है कि अगर आप एक साथ कई कार्यों का निर्यात करने की जरूरत है, कार्रवाई की तरह आप

export * from './XThingActions'; 

Answer 3

बहुत देर हो गई उपयोग कर सकते हैं, लेकिन मैं जिस तरह से है कि मैं इसे सुलझाने साझा करना चाहते हैं।

model फ़ाइल जो दो निर्यात का नाम दिया है बीत रहा है:

export { Schema, Model }; 

और जो डिफ़ॉल्ट निर्यात है controller फ़ाइल होने:

export default Controller; 

मैं इस तरह से index फ़ाइल में उजागर:

import { Schema, Model } from './model'; 
import Controller from './controller'; 

export { Schema, Model, Controller }; 

और यह मानते हुए कि मैं अपमान चाहता हूं टी उन सभी को:

import { Schema, Model, Controller } from '../../path/'; 

Answer 4

मैं export * साथ एक समस्या थी, यह undefined लौटे जब मैं डिफ़ॉल्ट समारोह/वर्ग आयात होगा ...

तो, मैं अंत में यहexport {default} from './MyClass' और इसके साथ तय साथ ही साथ