Javascript 如何在D3V4中只获取所需的东西？

我想构建一些东西，同时只从D3的模块化库中获取所需的绝对最小值

因此，查看该代码，我可以看到我需要以下内容（如果我错了，请纠正我）：

• d3.timeParse格式为d3时间格式
• d3.strong>d3标度中的标度时间
• d3.scaleLinear在d3量表中
• d3.线条在d3形状中
• d3.在d3选择中选择
• d3请求中的d3.csv
• d3.d3数组中的范围
• d3数组中的d3.max
• d3.3轴底部在d3轴中
• d3.3轴左移d3轴

然后，我找到了迈克自己关于如何做捆绑

我可以让它工作，但是迈克抓到的东西都来自同一个模块

d3选择

在我的情况下，当我想将不同模块中的所有模块打包成一个模块时，我该怎么办？我仍然在思考JS模块！我以前没用过这些，但在我潜入并用它做点什么之前，我是不会学的

通过npm将模块（

d3数组

等）声明为项目中的依赖项：

npm install --save-dev d3-time-format d3-scale d3-shape d3-selection d3-request d3-array d3-axis

您的

package.json

文件现在应该有一个

devdependences

部分，如下所示

"devDependencies": {
    "d3-array": "1.0.1",
    "d3-axis": "1.0.3",
    "d3-request": "1.0.2",
    "d3-scale": "1.0.3",
    "d3-selection": "1.0.2",
    "d3-shape": "1.0.3",
    "d3-time-format": "2.0.2",
    "rollup": "0.36",
    "rollup-plugin-node-resolve": "2",
    "uglify-js": "2"
}

在

index.js

文件中添加相关的

export {
    event,
    select,
    selectAll
} from "d3-selection";

export {
    timeParse
} from "d3-time-format";

export {
    scaleTime,
    scaleLinear
} from "d3-scale";

export {
    line
} from "d3-shape";

export {
    csv
} from "d3-request";

export {
    extent,
    max
} from "d3-array";

export {
    axisBottom,
    axisLeft
} from "d3-axis";

运行rollup命令

rollup -c && uglifyjs d3.js -c -m -o d3.min.js

您现在有了可用的

d3.max

功能（修改后的

index.htm

）：

var y = d3.max([2016, 2017]);
d3.select("body").append("h1").text("Hello, " + y);