更多模块化的知识，请参考前端视频专题《前端为什么需要模块化》

第一步，下载RequireJS

下载过程略......

第二步，编写模块

第三步，编写配置文件

重要说明：

AMD规范要求

一个标准模块必须使用define函数来定义

就像上面的例子那样。

对于不符合AMD规范的代码，无法被视为一个标准的模块

这会带来一个问题，那就是它无法使用标准的方式来引入它需要的其它模块，例如jquery等

于是才有了shim配置

它可以有效的解决非规范模块的依赖问题

例如 jquery.cookie.js文件

由于这个文件不符合AMD规范的写法

这个文件实际上依赖了jquery

但requireJS无法管理它的依赖

如果不使用shim进行配置，将会出现找不到$的错误

第四步，编写业务文件，使用这些模块

第五步，页面引入JS文件

到此为止，基本就可以使用了

不过在实战当中，这显然是不够完美的

因为我们的CSS还没有被模块化

第六步，下载样式处理文件css.js

该文件非官方提供，需要自行百度

或加技术qq讨论群720994366，领取

第七步，改造配置文件

通过css.js的处理，一个JS模块，可以自动依赖对应的样式文件

加载模块时，将更加的省力、省心

第八步，完。