【微信小程序开发•系列文章四】模块化

微信小程序的MINA框架，其实是许多前端开发技术的组合。这篇文章中，我们来简单地讨论一下模块化。

1、模块化标准

玩前端的同学大部分都知道模块化的几个标准，CommonJs / AMD / CMD。这里花费一些篇幅简单的介绍一下，比较熟悉的同学可以跳过这一部分的介绍。
（1）CommonJs 
CommonJs主要用于服务器端的一些简单的模块引用，如nodejs：

fs=require('fs');

对它来说，一个单独的文件就是一个模块，一个文件定义一个作用域，变量在文件内部都是私有的。
CommonJs采用了同步加载的方式，把文件加载下来才会执行后面的代码，由于在服务端，文件一般在某个目录下，加载不需要网络，所以这种方式不用考虑网络的成本。
下面讲到的AMD和CMD，主要用在浏览器端。

（2）AMD
Asynchronous Module Definition，异步模块定义，requireJs是最典型的例子。这也是国外目前比较流行的模块化标准。
AMD把一个文件（模块）里需要用到的其它模块，定义在头部刚开始的地方，以告诉浏览器，加载这个模块所需要的其它的依赖，这就把依赖前置并执行。

（3）CMD
Common Module Definition，通用模块加载规范，seaJs是典型的代码，一开始是由淘宝的玉伯开发。
与AMD相反的是，它不会前置去执行当前模块所有的依赖，而是在需要的地方才去引入。
关于AMD与CMD之争由来已久，本文不讨论他们的优劣。还有一个最新的标准，UMD，它想统一几种模块化规范，有兴趣的读者可以去网上了解。

2、微信小程序的模块化

wxml、wxss、js，这三类都可以做模块化。
（1）js的模块化
首先先要了解一点，每个js里定义的变量、函数，只在当前的文件里有效，也就是说每个js文件的作用域只在文件内部。
MINA框架其实也做了挺多模块化的封装和合并等工作，开发的时候，我们可以不用在意自己在用的是什么样的标准，最后怎么被合并，也不用去考虑网络问题，因为MINA也帮我们打好包了，按照微信小程序官方文档给出的例子来使用就行，其它的工作它都帮我们做好了。

js的模块引用语法如下：

//  a.js
var xxx = require('xxx.js')

其中，.js的后缀可以省略。导出的语法，在每个文件里定义

// b.js
function yyy() {
    // ...
}
module.exports = {
  yyy: yyy
}

这样，在a.js文件里，就可以用xxx.yyy来调用到b.js里定义的方法。这个看起来很简单，不过我们要关注的是怎么去做模块化，而不是这个语法本身。

（2）wxml的模块化
wxml代码里也可以根据界面上不同的部分去分块。从主wxml文件里分出来的文件，可以写成一个模板template。
如何定义一个模板？语法很简单

使用：