前端代码的模块化管理

迷你定义

一个简单的前端模块框架的基础上实现的要求。如果你不想花时间学习require.js，不想看看长CMD / AMD的规范，然后这个小的定义是你不错的选择。如果你以前用sea.js或require.js，迷你的定义是更有效的，更轻，和更容易使用。项目地址：GitHub

使用

首先定义模块

定义模块

1：定义定义函数的模块

1.1根据是否有依赖，有两种情况：

1.1.1：模块不依赖

复制代码代码如下所示：

定义（'id'，函数（）{（）{

您的代码在这里

}）；
1.1.2：从属模块

复制代码代码如下所示：

定义（'id'，{ 'modea '，'modeb}，功能（A，B）{

您的代码在这里

}）；
1.2根据需要将处理结果返回到外部使用，可分为两种情况：

1.2.1返回对象：

复制代码代码如下所示：

定义（'id'，函数（）{（）{

返回{

您的代码在这里

}

}）；
1.2.2不返回对象

复制代码代码如下所示：

定义（'id'，函数（）{（）{

您的代码在这里

}）；
调用模块使用请求（）函数

2.1根据所请求的模块数量，可以有两种情况：

2.1.1。调用单个模块

要求（'modeid）

2.1.2。调用多个模块

要求（{ 'modea '，'modeb}）；

2.2根据是否有回调处理，可以分为两种情况。

2.2.1有回调处理函数

复制代码代码如下所示：

要求（'modeid功能（模式）{

把你的代码放在这里

}）；

要求（{ 'modea '，'modeb}，功能（A，B）{

把你的代码放在这里

}）；
2.2.2没有回调处理

要求（'modeid）；

然后，所需的模块中引用打开index.html页

复制代码代码如下所示：

最后是合并和压缩的lib目录中你喜欢的方式，并生成一个js文件，当应用程序发布后，相应的文件需要调整。

复制代码代码如下所示：
优势uff1a

与原来的seajs.js或require.js相比，只有一百的重量较轻的释放来描述显胖的代码行，完全是瘦的。

没有深刻的内容，没有复杂的技能，几乎零的学习成本。