一、了解RequireJS 和zepto

1.RequireJS的目标是鼓励代码的模块化，其遵循 AMD（异步模块定义）规范。 一开始我以为RequireJS 无非就是省略了一堆<script src=“”></script>，用了之后才发现并不是这样。RequireJS 除了异步加载js外，更重要的是模块化加载，比如一些复用性比较高的功能，就尽量自己抽出来写成模块，设计好依赖关系等，思路很清晰，也好管理自己的代码。.

2.zepto实际上就是移动端的jquery,

二、创建项目（）

require_config.js如下:

var require = {	baseUrl: '/m/static/js/',	paths: {		zepto: ['libs/zepto'],		swiper: ['widget/swiper'],		text: ['libs/text'],		mustache: ['libs/mustache'],	},	shim: {		zepto: {		       exports: '$',		},		mustache: {			deps: ['text'],		}	},	onError: function (err) {		console.log(err, ', error found');	},};

shim属性是专门用来配置不兼容的模块，其中，exports值（输出的变量名），表明这个模块外部调用时的名称；deps数组，表明该模块的依赖性。

三、功能组件目录

1.轮播 swiper.hrml。 2.使用mustache库展示订单详情 mustache.html(后续详解)。

四、关于mustache的使用

1.引入mustache.js和text.js。requirejs通过text.js来加载mustache.js。注意路径配置。 2.