requirejs的简单使用，requirejs报错Uncaught Error: Mismatched anonymous define() module: …

requirejs的简单使用

define()方法的3个参数：

1. 参数1为模块名称（不填则以当前js的文件名定义一个匿名模块），
2. 参数2为依赖项数组(可不填)，
3. 参数3为模块的实现

 

1. 引入jQuery：

   // js/lib/main.js:
   require.config({
       baseUrl:'js/lib',
       paths:{
           jquery:'jquery.min'
       }
   });
   
   define(['jquery'], function ($) {
       console.log($);
   });
   
   // html
   
       ……
   
       
       
   

    

2. 使用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文件如下：

    ……

    
    

附：

# 附：
# Javascript模块化编程（三）：require.js的用法 http://www.ruanyifeng.com/blog/2012/11/require_js.html
官网: http://www.requirejs.cn