目录结构
│ index.html
└─scripts
│ jquery-2.1.3.js
│ main.js
│ require.js
└─helper
util.js
index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>hello require.js</title>
<script data-main="scripts/main" src="scripts/require.js"></script>
</head>
<body>
<h1>Hello require.js</h1>
</body>
</html>
main.js
require.config({
paths:{
"util": "helper/util",
"jquery": "jquery-2.1.3" //jquery在define的时候已经命名,不能用其它名称
}
});
require(["jquery", "util"], function($, util){
console.log("in main.js", $, util);
});
util.js
//AMD规范模块定义
define(["jquery"], function($){
console.log("in util.js", $);
var add = function(x,y){
return x+y;
};
return {
add: add
};
});