Sea.js入门指南 一个JavaScript的模块化开发框架

Sea.js的所有源代码都存储在https://github.com/seajs/examples, GitHub中，目录结构为：

Examples/|-sea-modules存储seajs、jquery等文件，也是模块的部署目录| - static存储各种项目的js、css文件| |-hello |-lucky | `-todo `-app存储html |-hello . html |-lucky . html `-从hello.html引进。

脚本src=' http : JS/sea . js '/script script type=' text/JAVAScript '/sea js配置项seajs.config({ //设置基本js路径(参考外部文件根目录)base3360 '。/js '，//设置别名(供以后参考)别名： { ' jquery ' : ' jquery . js ' }，//配置路径(跨目录调用或目录较深时使用)路径： { ' jquery ' 3360 ' http://libs.baidu.com/jquery/2.//设置文件代码charset:'utf-8 '，//预加载文件preload 3360[' jquery ']})；//引用主入口文件seajs.use (['main '，' jquery']，function (e，$){//回调函数alert('所有加载完成')；});/scriptseajs主入口文件(主)

Define (function (require，exports，module){//主入口文件引入了其他文件依赖项//var testReQ=require(' index ')；Testreq=require.async ('index '，function(){//异步加载的回调alert('我是异步加载索引的回调函数')；});//运行index//testreq . testnit()发布的接口方法；//运行索引发布的接口方法(模块)testreq . textfun()；});Seajs相关文件(索引)

定义(函数(要求、导出、模块){//释放接口导出。test nit=function(){ alert('我是一个接口')；};//如果需要释放大量接口，可以使用module var testobj={ name : ' chack '，sex:' man '，textfun:function () {alert('我是使用module.exports的对象方法')；}} //module.exports接收obj对象module.exports=testObj});文件的加载顺序。

让我们从hello.html开始，看看如何用Sea.js组织代码

在页面中加载模块。

在hello.html页面的末尾，通过脚本介绍sea.js之后，有一个配置代码：

//seajs简单配置seajs.config ({base: './sea-modules/'，alias : { ' jquery ' 3360 ' jquery/jquery/1 . 10 . 1/jquery . js ' })//加载入口模块seajs.use()。页面中的代码就这么简单。

模块代码

这个游戏有两个模块，spinning.js和main.js，遵循统一的编写风格：

//所有模块都是通过define (function (require，exports，module){//通过require引入依赖项var $=require(' jquery ')；var Spinning=require('。/spinning’)；//提供接口导出。exports.doSomething=.//或者整个接口模块，导出=.}通过出口；以上是Sea.js推荐的CMD模块编写格式.如果你用过Node.js，一切都是自然的。