2012-06-19 34 views
1

我在我的项目中使用require.js,它的插件use.js。在require.js和use.js中顺序加载脚本

require.config({ 
// Initialize the application with the main application file 
deps: ["main"], 

paths: { 
    // JavaScript folders 
    libs: "../assets/js/libs", 
    plugins: "../assets/js/plugins", 

    // Libraries 
    jquery: "../assets/js/libs/jquery", 
    underscore: "../assets/js/libs/underscore", 
    backbone: "../assets/js/libs/backbone", 
    jqueryUI: "../assets/js/libs/jqueryUI", 
    jquerySlider: "../assets/js/libs/slider", 
    jqueryMouseWheel: "../assets/js/libs/jquery.mousewheel",  
    jquerySelectBox: "../assets/js/libs/selectBox", 
    jqueryMouse: "../assets/js/libs/mouse", 
    bookReader: "../assets/js/libs/newReader", 

    // Shim Plugin 
    use: "../assets/js/plugins/use" 
}, 

use: { 
    backbone: { 
     deps: ["use!underscore", "jquery"], 
     attach: "Backbone" 
    }, 

    underscore: { 
     attach: "_" 
    }, 

    jqueryUI: { 
     deps: ["jquery"] 
    }, 

    jquerySlider: { 
     deps: ["jquery", "jqueryMouse"] 
    }, 

    jquerySelectBox: { 
     deps: ["jquery"] 
    }, 

    jqueryMouse: { 
     deps: ["jquery", "jqueryUI"] 
    }, 

    jqueryMouseWheel: { 
     deps: ["jquery", "jqueryUI"] 
    }, 

    bookReader: { 
     deps: ["jquery", "jqueryUI", "jqueryMouse", "jquerySlider", "jqueryMouseWheel", "jquerySelectBox"], 
     attach: "Reader" 
    } 
} 
}); 

的问题是,脚本同时启动负荷,因为有不能满足的依赖,往往有这两个错误

Uncaught TypeError: Object function (a, b) {return new e.fn.init (a, b, h)} has no method 'widget': 4444/assets/js/libs/mouse.js: 15 
Uncaught TypeError: Cannot read property 'mouse' of undefined: 4444/assets/js/libs/slider.js: 20 

一旦文件是在缓存中,该问题不再发生。 所以,我的问题。我如何指定脚本必须一致加载?

可以构建将它们包装到一个文件中的脚本。但是这个选项不是很理想

谢谢!

回答

1

看看这个名为STEP的AMD加载器插件,它允许您按顺序加载脚本。

https://github.com/requirejs/step

+0

它不清洁如何在requirejs中安装步骤。我试图在require.js之前和之后调用step.js,但都没有成功。有什么建议么? –