Einschließlich nicht-modularisierten D3-Bibliothekserweiterung durch Webpack

Question

Ich arbeite an einem Projekt mit Webpack. Ich bin der D3 npm Paket erfolgreich verwendet wird, den folgenden Code verwenden, um es zur Verfügung zu stellen:

import * as d3 from 'd3'; 

Ich möchte ein anderes npm Paket verwenden, die auf d3 abhängig und Zeichnung macht Tortendiagramme einfacher (https://www.npmjs.com/package/d3.chart.pie).

Dieses Paket scheint keine Art von Modul-Syntax zu verwenden, es ist nur eine anonyme Funktion. Was ist der beste Weg für mich, es zu benutzen?

Answer 1

Sie benötigen imports-loader:

import 'imports-loader?d3=d3!d3.chart.pie' 

wird grundsätzlich var d3 = require('d3') vor dem Code von d3.chart.pie schreiben, wie sie es lädt. Ab dann können Sie das Paket als Teil von d3 selbst verwenden.

Wenn Sie Pakete nicht mit dem Loader-Syntax in Ihrer Js-Dateien importieren möchten, können Sie einen Alias ​​für d3.chart.pie in Ihrem webpack.config.js

erstellen