javascript - config.js 的 requirejs 加载超时(优化)

Question

我有一个优化的 config.js(大约 420kB)，它由 requirejs 加载，每次新用户注册并登录此文件时，都会获取并放入缓存中，但用户第一次获取此文件时，总会有一个 Uncaught Error: Load timeout for modules: config，然后用户必须刷新然后加载。

我以为是超时问题，所以改成waitSeconds : 200。这发生在 requireJs 2.1.6 中，所以我升级到最新的 2.1.9 仍然是同样的问题。

但如果我不使用优化器并使用未优化的配置文件 (3KB) 加载大约 35-40 个小的 js 文件(缩小)，一切正常!但我希望所有文件都在优化的 config.js 中，因为 http 请求较少(适合移动设备)。

添加代码:

require.config({

    paths : {
        jquery        : './vendor/libs/jquery-1.10.1.min',
        underscore    : './vendor/libs/underscore-min',
        backbone      : './vendor/libs/backbone-min',
        marionette    : './vendor/libs/backbone.marionette',
        wreqr         : './vendor/plugins/backbone.wreqr.min',
        text          : './vendor/plugins/text',
        tpl           : './vendor/plugins/tpl',
        socketio      : '../socket.io/socket.io.min',
        spin          : './vendor/plugins/spin.min',
        shuffle       : './vendor/plugins/jquery.shuffleLetters',
        magicSuggest  : './vendor/plugins/magicsuggest-1.3.0-min',
        mCustomScroll : './vendor/plugins/jquery.mCustomScrollbar.concat.min',
        imagesloaded  : './vendor/plugins/imagesloaded',
        qTip          : './vendor/plugins/jquery.qtip.min',
        visibility    : './vendor/plugins/visibility',
        tab           : './vendor/plugins/tab',
        dropdown      : './vendor/plugins/dropdown',
        interestsMap  : './interestsMap',
        moment        : './vendor/plugins/moment.min',
        favicon       : './vendor/plugins/tinycon'

    },

    waitSeconds       : 180,

    shim : {

        socketio : {
            exports : 'io'
        },

        underscore : {
            exports : '_'
        },

        backbone : {
            deps : ['underscore','jquery'],
            exports : 'Backbone'
        },

        marionette : {
            deps : ['backbone'],
            exports : 'Backbone.Marionette'
        },

        wreqr      : {
            deps : ['backbone'],
            exports : 'Backbone.Wreqr'
        },

        shuffle : {
            deps : ['jquery'],
            exports : 'jQuery.fn.shuffleLetters'
        },

        magicSuggest : {
            deps : ['jquery'],
            exports : 'jQuery.fn.magicSuggest'
        },

        mCustomScroll : {
            deps : ['jquery'],
            exports : 'jQuery.fn.mCustomScrollbar'
        },

        visibility : {
            exports : 'Visibility'
        },

        tab        : {
            deps : ['jquery'],
            exports : 'jQuery.fn.tab'
        },

        dropdown   : {
            deps : ['jquery'],
            exports : 'jQuery.fn.dropdown'
        },

        moment     : {
            exports : 'moment'
        },

        favicon    : {
            exports : 'Tinycon'
        }

    },

    tpl     : {
        extension : '.tpl'
    }
});

//Initialise 
require([
        'backbone',
        'routers/index',
        'app',
        ],function  (Backbone ,Router ,app){
            //var presence  = io.connect(w.protocol+'//'+w.host+'/presence');

            app.start();

            Backbone.history.start();


});

**任何模块都没有错误，因为未优化的 config.js 文件加载正常。

构建配置

({
    appDir : '../',
    baseUrl: './scripts',
    dir    : '../../dist',
    mainConfigFile : '../scripts/config.js',
    name: "config",
    optimizeCss : 'standard'
})

Answer 1

为防止出现问题，您可以使用 require js 配置属性 waitSeconds(设置为 0)禁用 require js 超时。默认超时为 7 秒(查看更多 http://requirejs.org/docs/api.html#config-waitSeconds )。

但你应该看看 r.js ( http://requirejs.org/docs/optimization.html#wholeproject )，因为有了它你可以将所有的 js 源文件合并到一个更大的 app.js 文件中，其中包含所有依赖项。要使用它，您应该删除 dir 属性并在配置文件中添加 out 属性。