[知识储备]用RequireJS +zepto开发微信公众号

一、了解RequireJS 和zepto

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

2.zepto实际上就是移动端的jquery,两者区别

二、创建项目（Github）

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.mustache语法