I have the following function:
function(){
add: function(x, y){
return console.log(x + y);
}
}
如何使用 require.js
将此代码定义为符合 AMD(异步模块定义)规范的模块,并在浏览器中使用它?
我特别想看到一个使用 jsfiddle
的示例,以便直接在浏览器中运行。
I have the following function:
function(){
add: function(x, y){
return console.log(x + y);
}
}
如何使用 require.js
将此代码定义为符合 AMD(异步模块定义)规范的模块,并在浏览器中使用它?
我特别想看到一个使用 jsfiddle
的示例,以便直接在浏览器中运行。
test.js:
define(function(){
return {
add: function(x, y){
return console.log(x + y);
}
};
});
具有依赖关系
define(['dep1', 'dep2'], function(dep1, dep2) {
return {
add: function(x, y){
return console.log(x + y);
}
};
});
下面是一个使用require的例子。
要引用该模块,请使用require:
bootstrap.js:
/*global define, require */
require.config({
baseUrl: 'js'
});
require(['test'], function (test) {
'use strict';
test.add(4, 5);
});
我的文件夹结构:
在html页面中(在jade中,类似于html):
<body>
...
<script type="text/javascript" src="lib/require/require.js" data-main="js/bootstrap"></script>
</body>
require.js
会报错:Uncaught Error: Mismatched anonymous define() module
? - Jasdeep Khalsa// Define a module (export)
define('a', {
add: function(x, y){
return console.log(x + y);
}
});
// Use the module (import)
require(['a'], function(a){
a.add(1, 2);
});
require(['a'], function(a){
a.add(4, 6);
});
这里是jsfiddle示例。