SeaJs模块化前端开发入门指南
概览
使用seajs模块化加载器进行模块化开发,以及它的一些弊端。
使用seajs进行模块化开发
项目目录
新建新项目
引入sea.js,文件路径modules/sea.js
引入公共库jquery。
新建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等工程化产品的生态和完整使用文档冲击下,受众不多。