Es ist möglich, ES6-Importe zusammenzuführen oder zu verschachteln.

Question

Viele moderne JavaScript-Bibliotheken werden von Monolithen auf modularisierte NPM-Pakete aktualisiert; Ein paar Beispiele sind lodash und d3.

Das ist großartig, wenn es darum geht, Baugrößen niedrig zu halten, aber macht ein bisschen Peinlichkeit mit Importen. Wenn die gesamte Bibliothek geladen wird, schreibe ich:

import d3 from 'd3'; 

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

Wenn einzelne Module Laden anstelle des gesamten Pakets, ich schreibe:

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

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

Gibt es eine Syntax, die mir erlauben würde, meine Importe zu verschmelzen so ich kann alle Funktionsaufrufe von jedem Paket von einem einzigen Objekt (z. B. d3.csv(), d3.scaleLinear()) ausführen?

Answer 1

Während ich die Frage schrieb, fand ich die Antwort heraus. Selbstgummi-Ducking.

Die spread operator sieht ziemlich hier anständig:

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

Ein anderer Weg, es wie dieses

zu tun ist, eine Datei d3-modules.js erstellen:

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

Und dann importieren, Datei, wo Sie es brauchen:

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

Es ist eigentlich, wie d3 es selbst tun: https://github.com/d3/d3/blob/635d44786dd4322d0c89dd98546bff91d7cce0fe/index.js