1、页面引入js
<script data-main="page1" src="js/lib/require.js"></script>
2、公共配置
require.config({
//baseUrl: "http://127.0.0.1:8080/lz/",
paths: {
jquery: 'js/lib/jquery-1.8.2.min', // 如果jquery-1.8.2.min改成jquery,则可以不写
math : 'js/app/math',
module1 : 'js/app/module1',
mycss : 'css/mycss.css'
}
});
3、定义自己的模块
//模块,必须是按照AMD规范、用define()函数定义的模块
//它良好地定义了一个作用域来避免全局名称空间污染
//一个模块写一个js文件
define([],function (){ //[]中填写依赖的js模块
var add = function (x,y){
return x+y;
};
return { //模块的返回值
add: add
};
});
4、使用(page1)
require(['js/common'], function (common) { //引用公共配置js
require(['jquery','math','module1','mycss'], function($,math,jq,mycss) {
alert($().jquery);
alert(math.add);
alert('jq: '+jq().jquery);
});
});