SeaJs模块化前端开发入门指南

概览

使用seajs模块化加载器进行模块化开发，以及它的一些弊端。

使用seajs进行模块化开发

项目目录

1. 新建新项目

2. 引入sea.js，文件路径modules/sea.js

3. 引入公共库jquery。

4. 新建index.html，index.js

项目目录如下：

关于sea.js的公共模块路径

sea.js加载时，会自动获取sea.js所在的路径，将sea.js文件存放的路径做为公共模块的根目录。

以modules/sea.js为例，require('a')加载的是modules/a.js模块，require('a/b')加载的是modules/a/b.js模块。

index.html内容如下：

创建模块

创建文件modules/moduleA.js。接上篇三种封装形式，使用CMD规范后，分别是这样：

模块的使用

总结

seajs作为一款国人创造的一个工具库，一直是被放在与requirejs齐平的地位上探讨，个人觉得非常不易。使用方式也简单易懂。而且有配套的打包和构建工具，做工程化也不是问题。不足之处是文档不足，提供的工程化产品在国外的grunt、gulp、bower、browserify、components等工程化产品的生态和完整使用文档冲击下，受众不多。

前端观察