Wie man d3 v4 mit dem Webpack bündelt

Question

Wie man d3 v4 mit dem Webpack bündelt

8

Ich benutzte D3 v3 mit einem Webpack, das mit einem einzelnen Paket einfach war. Nun, da D3 v4 mit separaten Paketen modular aufgebaut wurde, kann ich sie nicht mehr in ein einzelnes Paket bündeln.

Ich habe den Artikel von mobostock unter Verwendung von Rollup erwähnt, aber es kann nicht sagen, dass d3 nicht von index.js geladen werden kann . Kann mir jemand helfen, sie mit dem Webpack zu bündeln?

EDIT 1: Ich habe d3 aus den Rollup-Optionen entfernt und das Rollup funktioniert einwandfrei. Ich habe die folgenden Schritte erklärt.

D3 v4 installiert.
Rollup-Konfiguration hinzugefügt und in ./dist/d3.min.js
zeigte Webpack auf die ./dist/d3.min.js
versucht resolve.alias im Webpack und benötigt ("d3") in einem home.js. Aber kein Glück sagt es

kann Modul d3 in home.js
nicht auflösen

hat webpack.Provideplugin in home.js versucht. Immer noch der obige Fehler.

Kann mir bitte jemand helfen, diese d3 zu laden?

Rollup.js

%Vor%

index.js

%Vor%

webpack.config.js

%Vor%

d3.js webpack

Rao 03.11.2016, 10:47

quelle

1 Antwort

Tags und Links d3.js webpack

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Angular2-router: Wie kann man nur einen Parameter einer Route ändern?

score 0 · Answer 1

Es gibt einige Inkompatibilitäten mit dem Rollup-Ansatz von D3 v4 und dem Webpack-deins ist absolut ein vernünftiger Ansatz .

Sieht so aus, als ob du den Minifikationsschritt verpasst hast? (Rollup.js erstellt d3.js , aber webpack.config.js erwartet d3.min.js )

Es ist auch möglich, dass die neue Konfiguration von webpack v2 einige relevante Korrekturen enthält.

Diese Einstellung funktioniert für mich (mit Webpack v2):

home.js

let d3 = require('d3');

rollup.config.js

%Vor%

d3.bundle.js

%Vor%

package.json

%Vor%

webpack.config.js

%Vor%