我试图创建一个自定义的可嵌入小部件，我的用户可以将其包含在他们的网站上。

我们提供代码，然后将其添加到他们的网站，然后他们可以访问我们从SaaS中生成的一堆自定义小部件。

如果他们试图嵌入小部件的网站还没有使用requirejs，这会很好，然而，当它已经使用requirejs时，我们会得到可怕的。。。

控制台中出现Error: defineAlreadyDefined(…)错误。

我们正在做的事情如下：

我们为他们提供的代码

他们会有指示在他们的网站上添加这样的东西：

    var foobar_load = function(){
        require([ 
          "foobar/rental!53891", 
          "widget/PriceAvailabilityCalculator" ,
          "foobar/widget!/property/53891",
        ], function( Bridge, PriceAvailabilityCalculator, Availability){
            new  PriceAvailabilityCalculator({}).place("widget-container-1");          
            Availability.place("widget-container-2");
        });
    };
    (function() {
        var d = document,
            h = d.getElementsByTagName('head')[0],
            s = d.createElement('script');
        s.type = 'text/javascript';
        s.async = true;
        s.src = 'https://www.example.com/v1/sdk.js';
        h.appendChild(s);
    } )();
</script>

然后，这将加载我们的"sdk"代码，它只是一般引导过程的包装器，您需要这样做才能在站点上包含dojo。

装载机代码

看起来是这样的：

dojoConfig = {     
    async: true,      
    parseOnLoad: false,
    locale: 'en-gb',
    selectorEngine: 'css3',
    paths: {         
        't'         : '//dev.foobar.com/utils/i18n',
        'my'        : '//dev.foobar.com/js/custom/my',
        'foobar'    : '//dev.foobar.com/js/sdk',
        'widget'    : '//dev.foobar.com/js/custom/my/frontend'
    },
    packages: [              
        { name: 'currency', location: '//dev.foobar.com/currency' },
        { name: 'x-application', location: '//dev.foobar.com/x-application' }
    ]
};    
(function() {
    var d = document,
        h = d.getElementsByTagName('head')[0],
        s = d.createElement('script');
    s.type = 'text/javascript';
    s.async = true;
    // If foobar_load is missing.. what should happen?
    s.onload= function(){ 
        require(["dojo/ready", "dojo/domReady!", 'x-application'], 
            function(ready, x,r){                                        
            ready(0,  foobar_load );            
        });
    };
    s.src = '//dev.foobar.com/js/dojo/1_9_7/dojo/dojo.js?load';
    h.appendChild(s);
} )();

现在，我不确定我们需要做什么来确保我们可以在同样使用RequireJS的网站上使用这个自定义代码。