使用webpack导入d3模块的语法



我正在尝试导入并使用d3模块。我的项目使用webpack。

模块中的功能(https://github.com/d3/d3-plugins/blob/master/hive/hive.js)声明如下:

d3.hive.link = function() {

我阅读了以下内容,试图让导入工作起来:https://www.giacomodebidda.com/how-to-import-d3-plugins-with-webpack/但我似乎无法破解导入和调用链接函数的正确语法。

我尝试过的一些变体是:

import {link as hiveLink} from 'd3-hive';
import {hive as hiveLink} from 'd3-hive';
import * as hiveLink from 'd3-hive';

有人能给我指一下正确的导入语法吗?

要导入的插件不是ES6模块。它与D3v4不兼容(请参阅README.md(。因此它只是修改全局d3变量。虽然您引用的文章是关于D3v4的,但它并不是这样工作的。

我认为导入d3库(版本3(是可以的,它将初始化您的全局d3:

import * as d3 from 'd3';

然后导入该插件,该插件将把hive对象添加到d3:中

import 'd3-hive';

相关内容

最新更新