requirejs的简单使用
define()方法的3个参数：
- 参数1为模块名称（不填则以当前js的文件名定义一个匿名模块），
- 参数2为依赖项数组(可不填)，
- 参数3为模块的实现
- 引入jQuery：
// js/lib/main.js: require.config({ baseUrl:'js/lib', paths:{ jquery:'jquery.min' } }); define(['jquery'], function ($) { console.log($); }); // html <body> …… <script data-main="js/lib/main" src="js/lib/require.js"></script> <!-- <script src="js/lib/main.js"></script> 上面的data-main属性已经说明了入口文件的位置了，这里不用再引入了，注释掉这行就好了 --> </body> -
使用define定义模块并加载依赖
---定义模块
// module1Name.js
define('module1Name',['jquery'], function(jquery){
function _foo(){
//doSomething;
}
return { //返回需要公开的成员
foo : _foo
};
});---加载并调用模块的成员
// module2Name.js
require('module2Name',['module1Name'], function (myLib){
module1Name.foo();
});关于报错：
Uncaught Error: Mismatched anonymous define() module: …
报错原因：html文件中重复引入main.js所致
例，html文件如下：
<body>
……
<script data-main="js/lib/main" src="js/lib/require.js"></script>
<!-- <script src="js/lib/main.js"></script>
上面的data-main属性已经说明了入口文件的位置了，这里不用再引入了，注释掉这行就好了 -->
</body>附：
# 附：
# Javascript模块化编程（三）：require.js的用法 http://www.ruanyifeng.com/blog/2012/11/require_js.html
官网: http://www.requirejs.cn 
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
