要求.js:从构建加载文件,但不执行它



我正在开发一个结合ember.js和jquery-mobile.js的应用程序

为了使这两个相互配合,我需要在Ember初始化后加载JQM。因此,我在主文件app.js中使用以下代码:

require.config({
    baseUrl: 'resources/js/',
    waitSeconds: 200,
    paths: {
        text: 'lib/require/text',
        ember: 'lib/ember-1.5.1.min',
        jquery: 'lib/jquery-2.1.1.min',
        mobile: 'lib/jquery.mobile-1.4.2.min',
        handlebars: 'lib/handlebars-1.3.0.min',
    },
    shim: {
        'ember': {
            deps: ['handlebars', 'text', 'jquery']
        }
    }
});

define('app', [
    'jquery',
    'app/many/files',
    'ember'
], function($,
    ManyFiles) {
    $(document).bind('mobileinit', function() {
        $.mobile.ajaxEnabled = false;
        $.mobile.pushStateEnabled = false;
        $.mobile.linkBindingEnabled = false;
        $.mobile.hashListeningEnabled = false;
        $.mobile.ignoreContentEnabled = true;
    });
    App = Ember.Application.create({
        ready: function() {
            require(['mobile']);
        }
    });
    // Initialize stuff...
}

(如您所见,jqm仅在ember应用程序准备好时才加载)

这工作得很好,但是当我将所有文件构建到一个小型的js文件中时,我遇到了这个问题:只要代码需要JQM,我就会在网络选项卡上看到一个http调用,它会抓取jquery-mobile.js

当然这是一个不愉快的过程。我能想到的唯一解决方案是加载JQM以及所有其他依赖项,但不执行它。然后,代码可以执行JQM而不需要文件。

然而,我对require.js没有经验,我不知道如何做到这一点。任何帮助都是感激的。其他完成相同任务的方法也值得赞赏

感谢编辑:

为什么JQM需要在Ember之后加载?因为JQM在DOM上添加了干扰ember的包装器、类和事件……事情变得非常糟糕

经过一番摸索,我找到了问题的答案:

    ...
    App = Ember.Application.create({
        ready: emberInit
    });
    // Initialize stuff
}
function emberInit() {
    require(['mobile']);
}

似乎require语句嵌套太深,无法正常工作(可能是bug?)

注意:在试图找到我的问题的答案时,我发现了一个关于require.js的功能,我想与可能有类似问题的人分享,并撞到这个线程:

显然,你可以在require配置上设置一个回调,当所有依赖项都加载时运行,像这样:

require.config({
    deps: ['jquery', 'handlebars', 'ember', 'socketio'],
    callback: function () {
        // Do stuff when above dependencies load
    },
});

这不是我真正需要的,但其他人可能会发现有帮助

最新更新