了解后端语言的童鞋一定听过模块化开发的概念，比如java、python等后端语言都有自己的模块化特性，然而和后端语言相比，javascript还尚未实现模块化的功能，虽然之后的更高版本可能引入模块化开发的概念，但是现阶段我们可以通过第三方控件来实现。今天我就来给大家介绍下可以帮助 ...
了解后端语言的童鞋一定听过模块化开发的概念，比如java、python等后端语言都有自己的模块化特性，然而和后端语言相比，javascript还尚未实现模块化的功能，虽然之后的更高版本可能引入模块化开发的概念，但是现阶段我们可以通过第三方控件来实现。
今天我就来给大家介绍下可以帮助我们实现前端模块化的工具——seaJs。如果对seaJs已经有实际使用经验的小伙伴可以直接忽略这篇文章。
如果有小伙伴了解requireJs，那么学习seaJs会相当的容易，因为requireJs也是前端模块化的构建工具之一，两者的主要区别就是requireJs是基于AMD规范的，而seaJs是基于CMD规范的。
至于什么是AMD和CMD，在这里不做详细介绍啦，想要了解的童鞋可以查看seaJs作者玉伯的回答：http://www.zhihu.com/question/20351507/answer/14859415
好了，我们切入正题，首先先介绍下seaJs的下载及配置。
一、seaJs的下载及配置
下载：http://seajs.org/docs/#downloads （当前最新版本为3.0.0，还可以使用smp下载）
配置：（1）将下载后的sea.js文件挪到自己的网站目录下（sea.js位于sea-modules\seajs\seajs中）；
我的网站目录如下：
（2）在templates下的demo.html中进行载入，如下所示：
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 6 <title>Examples</title> 7 <link href="" rel="stylesheet"> 8 </head> 9 <body>10 <p class="text">111</p>11 <script type="text/javascript" src='/images/loading.gif' data-original="../static/seajs_module/jquery/2.1.4/jquery-2.1.4.min.js"></script>12 <script type="text/javascript" src='/images/loading.gif' data-original="../static/seajs_module/seajs/2.2.0/sea.js"></script>13 <script>14 seajs.config({15 base:"../static/seajs_module" //基准文件目录16 });17 seajs.use("../static/app/src/demo.js")</script> //入口模块18 </body>19 </html>
原标题：前端模块化开发之seaJs
关键词：JS
*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们：
admin#shaoqun.com
（#换成@）。
