Question

我正在使用RequireJs在我公司的主网站上加载AMD模块。我们还使用requireJS来加载托管在不同域上的模块。 requireJS使用“context”-field支持这个;即。使用单独的baseUrl创建一个单独的沙盒环境。

手头的问题是我们希望两个独立的上下文共享一个共同的对象;例如。 jquery（以避免加载它两次）或在小部件之间触发事件的pubsub实现。

我找到了一种在上下文之间注入模块的方法，使用define函数和全局requireJS

main.js - 托管于http://example.com/src/main.js

require(['jquery'], functin($){

    // create sandbox/contexted instance of requireJs 
    var sandbox = requireJS.config({
        context: "myContext",
        baseUrl : 'http://otherdomain.com/src'
    });

    // load module (with internal dependencies) from other domain
    sandbox.require(['modules/bootstrap.js'], function(bootstrap){
        bootstrap.run();
    });

});

bootstrap.js - 例如。托管在http://widgets.com/src/modules/bootstrap.js

define(function(){

    // define jquery into sandboxed environemnt
    requireJs('jquery', function($) {
        define('jquery', function(){
            return window.jQuery;
       });
    });

    // obtain sandboxed instance from parent
    var sandbox = requireJs.config({
        context: "myContext"
    });

    sandbox(['jquery'], function($){
        console.log($);
    });

});

问题在于，如果我定义了jquery（或任何其他返回函数的模块），那么“requreJS”-way（不使用全局变量）它将始终抛出错误

    // define jquery into sandboxed environemnt
    requireJs('jquery', function($) {
        define('jquery', $);
    });

这是一个错误还是一个功能？

Answer 1

我实际上已经解决了这个问题。诀窍是将返回的函数包装在一个新的匿名函数中。

// inject global module into contexted require
function injectContext(moduleId, module){
    var m = module;
    if(typeof module === 'function') {
        m = function() {
            return module;
        };
    } 
    define(moduleId, m);
}

多上下文requirejs和继承上下文之间的依赖关系

1 个答案: