Cách dễ dàng để tải d3-selection-multi cùng với d3 v4 trong RequireJS là gì?

Question

Tôi đang cố gắng tải d3-selection-multi cùng với d3 v4 bằng RequireJS. kịch bản chính của tôi là:

<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> 

Nhưng d3-selection-multi đòi hỏi d3-transition và d3-selection, vì vậy nếu tôi thêm những sau đó tôi tìm hiểu d3-transition đòi hỏi d3-color và vân vân và vân vân.

Không bình thường d3 v4 đi kèm với d3-selection, d3-transition, d3-color và tất cả điều đó? Điều này có nghĩa là khi tôi chọn sử dụng một thư viện vi mô thì tôi không thể sử dụng thông số d3 và tôi cần phải xác định tất cả của các thư viện vi mô phụ thuộc khác ??

Tôi muốn sử dụng d3-selection-multi vì vậy tôi không phải viết lại tất cả .attr() của mình để không sử dụng cú pháp {}.

Answer 1

Nếu bạn không muốn chuyển hoàn toàn ứng dụng sang thư viện vi mô d3, bạn có thể tham khảo phụ thuộc vào thư viện d3 đi kèm theo cấu hình requirejs map. Bạn có thể tìm phụ thuộc bắt buộc here.

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' 
     } 
    } 
});