D3.js 什么'；在RequireJS中加载d3选择和d3 v4的简单方法是什么？

我正在尝试使用RequireJS加载

d3

v4。我的主要剧本是：

 <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.2.0/require.min.js"></script>
 <script>
     require.config({
         paths: {
             "d3": "//d3js.org/d3.v4.min",
             "d3-selection-multi": "//d3js.org/d3-selection-multi.v1.min",
             "d3-queue": "//d3js.org/queue.v1.min",
             "underscore": "//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min",
             "jquery": "//cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min",
             "jquery_easing": "//cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min",
             "bootstrap": "//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min",
             "moment": "//cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/moment.min"
         }
     });
 </script>

require.config({
路径：{
“d3”：“//d3js.org/d3.v4.min”，
“d3 selection multi”：“//d3js.org/d3 selection multi.v1.min”，
“d3队列”：“//d3js.org/queue.v1.min”，
“下划线”：“//cdnjs.cloudflare.com/ajax/libs/underline.js/1.8.3/underline min”，
“jquery”：“//cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min”，
“jquery\u easing”：“//cdnjs.cloudflare.com/ajax/libs/jquery easing/1.3/jquery.easing.min”，
“bootstrap”：“//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min”，
“矩”：“//cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/moment.min”
}
});

但是

d3选择多

需要

d3转换

和

d3选择

，所以如果我添加这些，我会发现

d3转换

需要

d3颜色

等等

正常的

d3

v4不是带有

d3选择

，

d3转换

，

d3颜色

，以及所有这些吗？这是否意味着一旦我选择使用一个微库，我就不能使用正常的

d3

，我需要定义所有其他依赖的微库

---

我想使用

d3 selection multi

，所以我不必重写我的

.attr（）

来不使用

{}

语法。

如果你不想将你的应用程序完全切换到d3微库，你可以通过requirejs

map

配置将依赖项引用到捆绑的d3库。您可以找到所需的依赖项

requirejs.config({
    paths: {
        'd3': '...',
        'd3-selection-multi': '...',
        ...
    },
    map: {
        '*': {
            'd3-color': 'd3',
            'd3-dispatch': 'd3',
            'd3-ease': 'd3',
            'd3-interpolate': 'd3',
            'd3-selection': 'd3',
            'd3-timer': 'd3',
            'd3-transition': 'd3'
        }
    }
});