Require.js用法

require.js用法说明

用法一：先直接引入require.js，在使用data-main引入相应的js文件。例如：

<script src="require.js" data-main="main"></script>
这里不需要加后缀.js，因为require.js会默认查找.js的文件。

用法二：分开引入，这里需要加.js后缀。例如:

<script src="require.js"></script>
<script src="main.js"></script>
<script src="index.js"></script>
...

main.js文件配置说明：

require.config({
    baseUrl: "/Content/libs",//配置根目录
    paths:{//引入第三方js文件(符合amd规范的)
        jquery: "jquery-3.0.3",
        bootstrap: "bootstrap",
        util:"/Content/js/util"
    },
    shim: {//引入不符合(AMD)规范的第三方文件，同时也用来配置依赖
        bootstrap: {
            deps: ["jquery"],//配置依赖项,
            exports: "bootstrap"//对外暴露的名称
        }
    }
})
公共页要用的js可以直接写在main.js中，注意：util必须要在jquery之前引入，否则会报错，如下:
require(["util","jquery"],function(util){
    $("box").css("color","red");
    ...
})

其它页面的js文件依次类推，使用bootstrap时必须在当前js文件中导入，否则无法使用，例如：index.js

require(["bootstrap","jquery"],function($){
    $("dv").click(function(){
        alert("hello world!");
    });
})

公用方法页面js配置，需要注意的是util.js同其它第三方包一样也在main.js中引入，不需要在页面当中引入，例如:util.js

define(["jquery"],function(){
    return {
        change:function(obj){
            obj.css("color","#f00");
        }
    }
})

用法三：也可将所有模块的js都配置到main.js中，这样就可以只在主页引入man.js文件即可。

例如：

require.config({
        baseUrl: "/Content/libs",//配置根目录
        paths:{//引入第三方js文件(符合amd规范的)
            jquery: "jquery-3.0.3",
            bootstrap: "bootstrap",
            index:"/Content/js/index"
            util:"/Content/js/util"
        },
        shim: {//引入不符合(AMD)规范的第三方文件，同时也用来配置依赖
            bootstrap: {
                deps: ["jquery"],//配置依赖项,
                exports: "bootstrap"//对外暴露的名称
            }
        }
    })
    //注意：这里要先引入util(即工具方法)，否则会报错。
    require(["jquery","util","index"])