requireJs如何才能做到真正的按需下载js文件呢？

anx 发布于 2013/05/05 16:45

阅读 1K+

RequireJS

我的实验：

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文件呢？