Requirejs2.0笔记

API http://requirejs.org/

RequireJS 插件 http://requirejs.org/docs/api.html#plugins

---

 

①require.js脚本的异步加载

<script src="js/require.js" defer async="true" data-main="js/main"></script>

 

②路径配置

require.config({
　　baseUrl: "js/lib",
　　paths: {
　　　　"jquery": "jquery.min",
　　　　"underscore": "underscore.min",
　　　　"backbone": "backbone.min"
　　}
});

• baseUrl：设定基目录
• paths：指定路径

③模块定义

define(['myLib'], function(myLib){
　　function foo(){
　　　　myLib.doSomething();
　　}
　　return {
　　　　foo : foo
　　};
}); 

 

④模块加载

require(['jquery', 'underscore', 'backbone'], function ($, _, Backbone){
　　// some code here
}); 

 

⑤jQuery的加载

if ( typeof define === "function" && define.amd ) {
    define( "jquery", [], function() {
        return jQuery;
    });
}

上面是jquery源码里的一段代码，通过这段代码 我们不需要指定jquery的路径，因为已经预定义为了 jquery。

⑥jQuery插件

require.config({
    baseUrl: "../Scripts"
    , paths: {
        jquery: "jquery.min"
    }
    ,shim: {
        'jquery.orbit': {
            deps: ['jquery']
        }
    }
});

重点在于shim的使用。

上面的例子，jquery.orbit是插件文件的路径

deps：指定依赖的模块