我的实验:
test1.js
define(function(require, exports, module) {
var func = function() {
var test = require("test");
test.testFunc();
};
exports.func = func;
})
test.js
define(function(require, exports, module) {
var func = function() {
alert("Test Func");
};
exports.testFunc = func;
})
main.js
require.config({
paths:{
jquery:"/guagua/templet/js/jquery-1.7.2.min"
}
});
require(['jquery','test1'], function($,test1) {
$("#button").click( $.proxy( test1, "func" ) );
});
require.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>require.html</title>
</head>
<body>
This is my HTML page. <br>
<button id="button"> Click</button>
<script type="text/javascript" src="./require.js" data-main='main'> </script>
</body>
</html>
预期: test.js文件应该会在点击按钮时才会去加载。
实际: 访问require.html时test.js就已经被加载到本地了。
问题:requireJs如何才能做到真正的按需下载js文件呢?
556 阅读
http://www.douban.com/note/283566440/
这篇对比seajs的文章里有说明