如何将 d3 v4 / v5 模块导入 Node 项目但保留 D3 v3 命名空间样式 (d3.)？

Question

我想将 d3.selection es6 模块导入到与 rollup 捆绑的项目中（包括 common.js 插件）。

所以我这样做：

import {select, selectAll} from "d3-selection";

但是现在我必须写 d3 .. 就像它是其他语言一样。

select('.classname').. etc..

我宁愿写

d3.select()

我怎样才能使用像 select、min、max 等原型方法来保持那个 d3 命名空间。这样它都是 d3 点。d3.select 等。

Answer 1

这是一种方法：

import {select, selectAll} from 'd3-selection';
import {scaleOrdinal, scaleLinear} from 'd3-scale';
// etc.

const d3 = {select, selectAll, scaleOrdinal, scaleLinear}
//
const svg = d3.select('svg');

Answer 2

我了解到，执行此操作的一种方法是仅使用 d3-require 创建命名空间，然后导出为模块。

d3.require("d3-array", "d3-color").then(d3 => {
  console.log(d3.range(360).map(h => d3.hsl(h, 1, 0.5)));
});