È possibile unire o nidificare le importazioni ES6?

Question

Molte librerie JavaScript moderne si aggiornano da monoliti a pacchetti npm modularizzati; un paio di esempi sono lodash e d3.

Questo è ottimo in termini di riduzione delle dimensioni di build, ma rende un po 'imbarazzante con le importazioni. Quando si carica l'intera libreria, scrivo:

import d3 from 'd3'; 

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

Quando si caricano singoli moduli invece che l'intero pacchetto, scrivo:

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

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

C'è una sintassi che mi permettesse di fondere le mie importazioni così ho può effettuare tutte le chiamate di funzione da ogni pacchetto di un singolo oggetto (ad es. d3.csv(), d3.scaleLinear())?

Answer 1

Mentre stavo scrivendo la domanda ho capito la risposta. Self-gomma ducking.

Il spread operator sembra abbastanza decente qui:

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

Un altro modo è quello di fare in questo modo

creare un file D3 modules.js:

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

e quindi importare che file dove è necessario:

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

In realtà è come d3 lo fanno da soli: https://github.com/d3/d3/blob/635d44786dd4322d0c89dd98546bff91d7cce0fe/index.js