Inclusion d'une bibliothèque D3 non modularisée via le Webpack

Question

Je travaille sur un projet utilisant webpack. J'utilise avec succès le paquet D3 NPM, en utilisant le code suivant pour le rendre disponible:

import * as d3 from 'd3'; 

Je voudrais utiliser un autre paquet de NPM qui dépend de d3 et fait dessin camemberts plus facile (https://www.npmjs.com/package/d3.chart.pie).

Ce package ne semble utiliser aucun type de syntaxe de module, il s'agit simplement d'une fonction anonyme. Quelle est la meilleure façon de l'utiliser?

Answer 1

Vous devez imports-loader:

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

va essentiellement écrire var d3 = require('d3') devant le code de d3.chart.pie comme il le charge. A partir de là, vous pouvez utiliser le paquet dans le cadre de d3 lui-même.

Si vous ne voulez pas importer des packages avec la syntaxe du chargeur dans vos fichiers .js, vous pouvez créer un alias pour d3.chart.pie dans votre webpack.config.js