4

我在 requireJS 的上下文中遇到了一些麻烦。我想要的是在配置阶段（在我加载任何模块之前）创建一个上下文“mycontext”，然后始终保持该上下文。这很复杂，因为不幸的是，我需要 (<- ha!) 为我的模块使用 CommonJS 语法。所以，如果这是我的基本文件，看起来像这样：

base.js

contextReq = require.config({
    context: 'mycontext',
    baseUrl: 'http://www.example.com/src/',
    paths:{
        jquery: 'http://ajax.cdnjs.com/ajax/libs/jquery/2.0.3/jquery.min',
    },
});

(function(){
    contextReq(['require', 'topModule'], function(require, topModule){
        topModule.initialize();
    });
})();

然后，我加载 topModule：

http://www.example.com/src/topModule.js

define(['require', 'jquery', 'nestedModule'], function (require) {
    var $ = require('jquery');
    var other = require('nestedModule');
});

jQuery 是否仍将仅在 mycontext 中加载？如果我更进一步怎么办：

http://www.example.com/src/nestedModule.js

define(function (require) {
    var $ = require('jquery');
    var oneMore = require('someOtherModule');
});

我们已经可以在这个上下文中访问 jquery，但是“someOtherModule”也会在这个上下文中加载，还是在全局“_”上下文中加载？在我进行 require 调用之前，有什么方法可以检查模块是否已经加载？

谢谢！

4

1 回答 1

8

好的，所以我自己想通了。Require，无论是本地的还是全局的，都有一个非常有用的属性，叫做“.s”，它列出了所有的 requires 上下文。在我的要求完成加载后，我在控制台上运行了“require.s.contexts”：

base.js

contextReq = require.config({
    context: 'mycontext',
    baseUrl: 'http://www.example.com/src/',
    paths:{
        jquery: 'http://ajax.cdnjs.com/ajax/libs/jquery/2.0.3/jquery.min',
    },
});

(function(){
    contextReq(['require', 'topModule'], function(require, topModule){
        topModule.initialize();
    });
})();

//Timeout, then see where we stand
setTimeout( function () {
    console.log(require.s.contexts._);
    console.log(require.s.contexts.mycontext);
}, 500);

输出如下：

//Console.log for context '_' (the default require context)
{
     [...]
     defined: [], //empty array, nothing has been loaded in the default context
     [...]
}

//Console.log for context 'mycontext' (the default require context)
{
     [...]
     defined: [ //Filled out array; everything is loaded in context!
          topModule: Object
          nestedModule: Object
          jquery: function (e,n){return new x.fn.init(e,n,t)} //jQuery function
     ],
     [...]
}

因此，总而言之，我的预感是正确的：当在特定上下文中加载顶级 requireJS 模块时，从该顶级模块中加载的所有模块都会在上下文中加载，即使不再指定上下文。

于 2013-10-10T06:35:57.693 回答