require.js入门级使用

require.js入门级使用

1.引用当然是需要的，所以贴上：<script data-main="main" src="require.js"></script>。

data-main的属性值表示一个程序的入口。类似app.js什么的。这里对应的就是当前目录下的main.js文件

2.main.js作为一个程序的入口，可以先进行一些简单配置：

require.config({

baseUrl:'js',

paths:{

　　'jquery':['jquery.1.8.3','xx/yy/zz']

}

shim:{

　　'jquery-plugin':['jquery']

}

})

以上这些是常用配置，baseUrl表示基本路径，很容易明白的了。

paths参数中的jquery后面的值为一个数组，表示当第一个加载不到的情况下会往下寻找另一个资源。如果只加载本地资源的话就没必要用数组形式了。

shim参数表示依赖项。比如说一个项目中要用到某个jquery插件，他的依赖项就是jquery库。

用require.js如何定义模块呢，先贴上代码：

define(['requireModel'],function(){
    /*这里省略一万字*/
    
    return {/*这里是要返回的模型内容，可为对象，可为函数*/}
});

如果上面的代码是在models.js这个文件中的，那么这个模块的名字就是models.在应用的时候就是这样：

require('models',function(M){
    //TODO
});　

要注意的一点是回调函数中的参数是对应模块名的。如果引入了三个模块，那么回调函数中应该有三个参数，并且这三个参数跟引入的三个模块一一对应。

内容参考http://www.cnblogs.com/snandy/archive/2012/05/22/2513652.html.里面很详尽的介绍了require.js的使用