index.html
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<span>body</span>
</body>
//将require引入,放在html页面最下方,或设置异步请求
//即: <script src="js/lib/require.js" defer async="true"></script>
<script src="js/require.js" data-main="js/main"></script>
</html>
main.js
require.config({
//配置路径
paths: {
"jquery": ["http://libs.baidu.com/jquery/2.0.3/jquery", "jquery.min.js"],
"a": "a"
}
})
require(["jquery", "a"], function($,a) {
$(function() {
//调用即可,此处的a并无意义,仅为指示,与引入文件顺序有关,即若
//function($,a)中a换了一种称谓,这里调用时保持一致即可
a.fun1();
alert("load finished");
})
})
a.js
function fun1(){
alert("it works");
}
//切记,如果需要在调用该函数,一定要记得返回,个人理解为暴露接口
return {
fun1: fun1
};
})```
网友评论