如何通过CDN实现延迟加载并在requireJS中使用动态查询参数？

Question

我在这个问题上花了太长时间。我很惊讶它很难实现。

WORKS

define('mapAPI',

    ['googleLoader'],

    function (G) {
        // Google is good to go
    }
);

define('googleLoader',

    ['async!http://maps.googleapis.com/maps/api/js?sensor=true'],

    function(){
        return window.google.maps;
    }
);

不工作

define('mapAPI',
    ['require'],

    function (require) {
        (function () {
            require('googleLoader')
        }());
    }
);

define('googleLoader',
    ['async!http://maps.googleapis.com/maps/api/js?sensor=true'],

    function(){
        return window.google.maps;
    }
);

  

错误：模块名称＆＃39; googleLoader＆＃39;尚未加载上下文：_   http://requirejs.org/docs/errors.html#notloaded

也不起作用

define('mapAPI',
    ['googleLoader'],

    function (G) {
        // Google is good to go
    }
);

define(
    ['require'],

    function (require){
        require(['async!http://maps.googleapis.com/maps/api/js?sensor=true']);

        return window.google.maps; //undefined
    }
);

  

＆＃34; NetworkError：404 NOT FOUND - http://localhost:8000/public/example/async.js＆＃34;

如果未使用async插件，模块和相关模块将在脚本加载之前继续执行。

仍然，不工作

define('googleLoader',

    [],

    function () {
        var script = document.createElement("script");
        script.src = 'http://maps.googleapis.com/maps/api/js?sensor=true&callback=gCB';
        script.type = "text/javascript";
        document.getElementsByTagName("head")[0].appendChild(script);

        return (function load() {
            if (window.google) {
                var G = window.google;
                return G;
            }
            else {
                setTimeout(load, 50);
            }
        }());
    }

）;

在这种情况下，就好像return语句在执行之前不会等待anon函数解析。