ईएस 6 आयात में विलय या घोंसला संभव है?

Question

कई आधुनिक जावास्क्रिप्ट पुस्तकालय मोनोलिथ से मॉड्यूलरकृत एनपीएम पैकेज में अपडेट कर रहे हैं; कुछ उदाहरण lodash और d3 हैं।

बिल्ड आकार को बनाए रखने के मामले में यह बहुत अच्छा है, लेकिन आयात के साथ थोड़ी अजीबता के लिए बनाता है। जब पूरी लाइब्रेरी लोड हो रहा है, मैं लिखने:

import d3 from 'd3'; 

let csv = d3.csv()... 
let xScale = d3.scale()... 

जब पूरे पैकेज के बजाय व्यक्तिगत मॉड्यूल लोड हो रहा है, मैं लिखने:

import d3_scale from 'd3-scale'; 
import d3_request from 'd3-request'; 

let csv = d3_request.csv()... 
let xScale = d3.scale.scaleLinear()... 

वहाँ एक वाक्य रचना है कि मुझे मैं अपने आयात विलय करने के लिए इतना है की अनुमति होगी एक ही ऑब्जेक्ट से प्रत्येक पैकेज से सभी फ़ंक्शन कॉल कर सकते हैं (उदाहरण के लिए d3.csv(), d3.scaleLinear())?

Answer 1

जैसा कि मैं सवाल लिख रहा था, मैंने जवाब निकाला। स्व रबर पूर्ण रूप से भीगना।

spread operator यहाँ बहुत सभ्य दिखता है:

import * as d3_request from 'd3-request'; 
import * as d3_scale from 'd3-scale'; 
const d3 = { 
    ...d3_request, 
    ...d3_scale 
}; 

d3.csv('path/to.csv', (error, data) => { 
    let xScale = d3.scale()... 
}); 

Answer 2

एक और तरीका है इस

तरह यह करने के लिए है एक फ़ाइल d3-modules.js बनाएँ:

export * from 'd3-request'; 
export * from 'd3-scale'; 

और फिर आयात कि फ़ाइल जहां आपको इसकी आवश्यकता है:

import * as d3 from "./d3-modules.js"; 

यह वास्तव में है कि कैसे d3 स्वयं इसे कर रहे हैं: https://github.com/d3/d3/blob/635d44786dd4322d0c89dd98546bff91d7cce0fe/index.js