通過webpack包含非模塊化D3庫擴展

Question

我正在使用webpack進行項目工作。我成功地使用D3 NPM包，使用下面的代碼，使其可：

import * as d3 from 'd3'; 

我想用另一個NPM包依賴於D3，使繪圖餅圖容易（https://www.npmjs.com/package/d3.chart.pie）。

該軟件包似乎沒有使用任何類型的模塊語法，它只是一個匿名函數。我使用它的最佳方式是什麼？

Answer 1

您需要imports-loader：

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

基本上都會寫var d3 = require('d3')在d3.chart.pie前面的代碼，因爲它加載它。從此，您可以使用該包作爲d3本身的一部分。

如果你不想在你的.js文件加載語法導入包，你可以在你webpack.config.js

創建 d3.chart.pie別名