requirejs之demo

具体的理论就不讲了,可以参考

http://www.ruanyifeng.com/blog/2012/10/javascript_module.html

http://www.ruanyifeng.com/blog/2012/10/asynchronous_module_definition.html

http://www.ruanyifeng.com/blog/2012/11/require_js.html

直接上demo

首先创建文件,其中define的是采取amd格式定义的

 // require1.js
  define(function (){
    var add = function (x,y){
      return x+y;
    };
    return {
      add: add
    };
  });

  

 

  

	// require2.js
  define(function (){
    var multiply = function (x,y){
      return x*y;
    };
    return {
			multiply: multiply
    };
  });

  

// require3.js
define(function(){
	var divide=function(a,b){
		return a/b;
		
	};
	return {
		divide:divide
	};
	
})

  

// noAMD.js
function test2(a,b){
	return a-b;
}
window.test=test2;

  

//main.js  
require.config({		
    paths: {
      "require1": "src/require1",
      "require2": "src/require2",
			"test":"src/noAMD"
    },
		shim:{
			"test":{
				exports:"test"
			}
			
		}
  });
require(["require1","require2","src/require3",'test'],function(require1,r2,r3,test2){
	var a=21,b=3;
	alert(require1.add(a,b));
	alert(r2.multiply(a,b));
	alert(r3.divide(a,b));
	alert(test2(a,b))
})

 


  
    
    
	
  
  

  

此处需要注意非amd格式编写的,需要使用shim

转载于:https://www.cnblogs.com/benchan2015/p/requireJs.html

你可能感兴趣的:(requirejs之demo)