Javascript 通过requirejs加载sigmajs

Javascript 通过requirejs加载sigmajs,javascript,requirejs,amd,sigma.js,requirejs-define,Javascript,Requirejs,Amd,Sigma.js,Requirejs Define,我在试AMD 并希望加载图形库(jquery、bootstrap、d3、矩…), 但当我把它装入一个模块时, 它是未定义的。。。但是它存在于窗口对象中 在模块中要求它是一种不好的做法吗?它是否需要在全局requirejs引导中使用它,并从窗口使用它 以下是我的应用程序引导: // My application root folder index.html build.js assets/ package.json bower.json gulpfile.js js

我在试AMD

并希望加载图形库(jquery、bootstrap、d3、矩…), 但当我把它装入一个模块时, 它是未定义的。。。但是它存在于窗口对象中

在模块中要求它是一种不好的做法吗?它是否需要在全局requirejs引导中使用它,并从窗口使用它

以下是我的应用程序引导:

// My application root folder
index.html
build.js
assets/
    package.json
    bower.json
    gulpfile.js
    js/
        app.js
        modules/
            graph.js
        vendor/
            require-2.1.14.js
            jquery-2.1.1.min.js
            underscore-1.6.0.min.js
            d3-3.4.11.min.js
            moment-2.7.0.min.js
            sigma-1.0.2.min.js
            my-own-npm-module-1.0.0.min.js
    css/
我的app.js文件:requirejs引导,似乎运行良好

// /assets/js/app.js
requirejs.config({
    baseUrl: 'assets/js/vendor',
    paths: {
        'jquery': 'jquery-2.1.1.min',
        'bootstrap': 'bootstrap-3.2.0.min',
        'moment': 'moment-2.7.0.min',
        '_': 'underscore-1.6.0.min',
        'd3': 'd3-3.4.11.min',
        'sigma': 'sigma-1.0.2.min',
        'my-own-npm-module': 'my-own-npm-module-1.0.0.min',
        'app': '../modules'
    },
    shim: {
        'bootstrap': {
            deps: ['jquery'],
            exports: '$'
        }
    }
});

// App loading
requirejs([
    'jquery',
    'bootstrap',
    'app/graph'
], function ($, bootstrap, graph) {
    graph.initialize();
});
我的graph.js文件,需要不幸未定义的sigmaJs

define(['sigma', 'd3', 'my-own-npm-module'], function (sigma, d3, MyOwnModule) {
    var initialize,
        graph;

    initialize = function () {
        console.log('init', d3, sigma, sigma === window.sigma, MyOwnModule);
        // Here, d3 is well loaded and even MyOwnModule.
        // But unfortunately, sigma is undefined even if window.sigma is loaded
        // And of course, sigma === window.sigma returns false.
        graph = new sigma('graph-container');
    }

    return {
        'initialize': initialize
    }
});

这似乎是目前SigmaJS的一个小问题; 但是,sigmaJs的nodeJs版本也可以:

npm install sigma
然后,工作脚本文件将位于:

节点_模块/sigma/build/sigma.require.js

但是,这需要调用sigma.js,只在窗口对象中加载sigma; 为了防止这种导出,最干净的方法是使用requirejs的“shim”选项:

requirejs.config({
    baseUrl: 'assets/js/vendor',
    paths: {
        'sigma': 'sigma-1.0.3.require'
    },
    shim: {
        'sigma': {
            exports: 'sigma'
        }
    }
});