包括通过webpack的非模块化D3库扩展

时间:2017-07-17 16:27:08

标签: d3.js webpack webpack-2 commonjs

我正在使用webpack处理项目。我成功使用D3 npm包,使用以下代码使其可用:

import * as d3 from 'd3';

我想使用另一个依赖于d3的npm包,让绘图饼图更容易(https://www.npmjs.com/package/d3.chart.pie)。

这个软件包似乎没有使用任何类型的模块语法,它只是一个匿名函数。我使用它的最佳方式是什么?

1 个答案:

答案 0 :(得分:0)

您需要imports-loader

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

在加载var d3 = require('d3')代码时会基本在d3.chart.pie前面写d3。从那时起,您可以将该包用作d3.chart.pie本身的一部分。

如果您不想在.js文件中导入包含加载程序语法的包,则可以在webpack.config.js

中为{{1}}创建别名