我正在尝试导入并使用 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 模块。它与 D3 v4 不兼容(请参阅 README.md )。所以它只是修改你的全局 d3 变量。虽然您引用的文章是关于 D3 v4 的,但它并不是这样工作的。
我认为导入 d3 库(版本 3)是可以的,它将初始化您的全局 d3
:
import * as d3 from 'd3';
然后导入该插件,该插件会将 hive
对象添加到 d3 中:
import 'd3-hive';
关于javascript - 使用 webpack 导入 d3 模块的语法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58535535/