require.js基础使用

页面结构

  • index.html
  • main.js
  • test.js

index.html页面

<script src="http://cdn.bootcss.com/require.js/2.1.20/require.js" data-main="main" type="text/javascript"></script>

main.js页面

require.config({
   //baseUrl:"http://cdn.loveqiao.com/",
   paths: {
     jquery:'http://cdn.loveqiao.com/jquery',
	 test:'test',
  }
});

require(["jquery", "test"], function ($,b) {
	$('body').css('background','#ccc');
	alert(b.aa)
})

test.js页面

if (typeof define == "function" && define.amd) {
	//简单的值对
	//如果一个模块仅含值对,没有任何依赖,则在define()中定义这些值对就好了:
    //define({aa:'1111111111'})

	//函数式定义
	//如果一个模块没有任何依赖,但需要一个做setup工作的函数,则在define()中定义该函数,并将其传给define():
	define(function () {
        return {
            aa:'22222222'
		}
	})

	//存在依赖的函数式定义
	//define(["./cart", "./inventory"], function(cart, inventory) {
	//	//return an object to define the "my/shirt" module.
	//	return {
	//		color: "blue",
	//		size: "large",
	//		addToCart: function() {
	//			inventory.decrement(this);
	//			cart.add(this);
	//		}
	//	}
	//})
}

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>