Синтаксис для импорта модуля d3 с помощью веб-пакета

Question

Я пытаюсь импортировать и использовать модуль d3. В моем проекте используется веб-пакет.

Функция в модуле (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';

Можеткто-нибудь указывает мне правильный синтаксис импорта?

Answer 1

Плагин, который вы хотите импортировать, не является модулем ES6. Он не совместим с D3 v4 (см. README.md ). Так что он просто изменяет вашу глобальную переменную d3. Хотя статья, на которую вы ссылались, касается D3 v4, она не работает таким образом.

Я думаю, что можно импортировать библиотеку d3 (версия 3), которая инициализирует вашу глобальную d3:

import * as d3 from 'd3';

и после этого импортируйте тот плагин, который добавит hive объект в d3:

import 'd3-hive';