关于requireJs基础的总结

来源:互联网 发布:祁县哪个宽带网络好 编辑:程序博客网 时间:2024/06/11 00:35
1、jqueryjs主要部分


① 首先依赖文件 jquery.js
② 配置文件 config.js
<script type="text/javascript" src="require.js" data-main="config.js"></script>

config.js:

requirejs.config({
 baseUrl: './',          //js 依赖文件基础路径
 
 paths : {
  jquery :'lib/jquery.min'
 }
 
 shim:{
  'path/unAmd':{//'path/unAmd' 为非AMD规范的js库 在 jqueryjs中与AMD规范同样引用  exports导入对应方法(一个)
  exports:'funcName',
  }
  'path/unamd2':{//导入多个方法时
  init: function(){
  name1:'funcname1',
  name2:'funcname2'
  }
  }
 }
});


③ define 定义AMD 规范库,返回对象即被引用时的参数
define(function(){
return {
name:'ami',
work:function(){
'work';
}
}
})


④ requirejs 可调用AMD或非AMD规范的库(需要特殊处理)
requirejs(['a','b'],function(a,b){
//a、b 为 define 返回对象
})


⑤ require 可以调用define的库或paths中的库
require(['jquery'],function(jq){
jq 即为jquery对象
或者
require('jquery')
});

注: 
1)requirejs同require,但是requirejs不能访问 path定义的值,相反require 可以访问path定义的(js文件或路径)还有其他的js文件,所以建议使用require而不是requirejs
2)require依赖必须是直接指向js文件,而shim属性名必须和require依赖名相同(通过path定义文件路径或文件)