Require.js初学
2016-12-27 本文已影响13人
天上月丶
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
};
})```
