require.js入门级使用

require.js入门级使用

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

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

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

 1 require.config({
 2 
 3 baseUrl:'js',
 4 
 5 paths:{
 6 
 7   'jquery':['jquery.1.8.3','xx/yy/zz']
 8 
 9 }
10 
11 shim:{
12 
13   'jquery-plugin':['jquery']
14 
15 }
16 
17 })

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

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

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

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

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

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

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

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

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

原文地址:https://www.cnblogs.com/moyiqing/p/requireJs.html