jak zintegrować d3 z require.js

Question

Mam problemy z próbą zintegrowania d3 z aplikacją wymagającą/szkieletową. Moi main.js zawiera coś takiego:

require.config({ 
    paths: { 
    d3: 'libs/d3/d3.v2.min' 
    backbone: ... 
    ... 
    } 
}); 

i mój widok kręgosłup coś podobnego (w coffeescript)

define ['backbone','d3',...], (Backbone,d3,...) -> 
    MyView = Backbone.View.extend 
    initialize:() -> 
     d3.somefunction 

dziennika Konsola mówi d3 jest null. Czy istnieje prosty sposób zintegrowania d3 z tego typu aplikacjami?

Answer 1

d3 nie wywołuje funkcji define(), aby zadeklarować moduł, więc lokalne odwołanie do widoku szkieletu nie będzie takie, jak tego chcesz. Albo użyć zmiennej globalnej wykonaną przez D3:

define(['backbone', 'd3'], function (backbone, ignore) { 
    //Use global d3 
    console.log(d3); 
}); 

Albo użyć shim config zadeklarować wartość eksportu do D3:

requirejs.config({ 
    shim: { 
     d3: { 
      exports: 'd3' 
     } 
    } 
}); 

który powie requirejs użycie globalnego d3 jako wartość modułu dla d3 .

Answer 2

Nie jestem pewien, dlaczego to działa. Nie jestem pewien, czy jest to właściwy sposób ładowania modułu.

require(['libs/jquery', 'libs/d3'], function($, ignore) { 
    d3 = require('libs/d3'); 
}); 

Answer 3

Od d3.v3 teraz rejestruje się jako moduł kompatybilny AMD jeśli biblioteka jest obecny, trzeba użyć tego obejścia (od http://pastebin.com/d5ZDXzL2):

requirejs.config({ 
    paths: { 
     d3: "scripts/d3.v3", 
     nvd3: "scripts/nv.d3" 
    }, 
    shim: { 
     nvd3: { 
      exports: 'nv', 
      deps: ['d3.global'] 
     } 
    } 
}); 
// workaround for nvd3 using global d3 
define("d3.global", ["d3"], function(_) { 
    d3 = _; 
}); 

define('myModule', ['nvd3'], function(nc) { /* .... */ });