d3 v4 模块从 require 切换到 import

Question

我有一个代码正在与 webpack 一起编译/捆绑。我一直在使用 nodejs 和 require 语句来捆绑我的 d3 组件。

let d3 = Object.assign({}, require('d3-selection'), require('d3-timer'));

你如何使用 es6 的 import 语句来做同样的事情？

我可以像 import* as d3 from'd3-selection'; 这样导入单个模块，不会为 d3-timer import* as d3 from'd3-timer'; 重复它导致问题（覆盖以前的 d3 模块实例）？

Answer 1

导入两个不同名称的模块并执行对象分配

import * as d3Selection from'd3-selection';
import * as d3Timer from'd3-timer';
const d3 = Object.assign({}, d3Selection, d3Timer);