【前端工具】seajs打包部署工具spm的使用总结
2013-07-15 16:27 sniper007 阅读(492) 评论(0) 编辑 收藏 举报相信使用seajs的好处大家都是知道的,接触seajs好像是在半年前,当时还不知道页面阻塞问题,这里不带多余的话了。
seajs实现了模块化的开发,一个网站如果分了很多很多模块的话,等开发完成了,发现有很大一堆的js需要加载,即使使用了seajs优化加载 了,但是过多的http请求会造成服务器的压力,影响加载等等。这时候我们需要将模块进行压缩和合并。这时候spm工具派上用场了。
1.安装spm
spm工具是基于node(nodejs的服务平台)的,因此我们需要先安装 node 和 npm 下载地址:http://nodejs.org/#download.下载完成后安装即可。
node安装完成后,找到cmd命令文件以管理员的方式打开,输入以下命令进行安装:
1 |
npm install spm -g |
在此过程中,可能需要你很长的时间等待。(偶尔可能连接失败了,你需要关闭cmd后重新开启并执行同样的命令,过程将继续)
安装完成后,恭喜你,可以使用了。
2.spm的使用:
使用spm其实就是执行cmd命令,安装完成后,你就可以使用命令了 (当然有很多命令的),输入:
1 |
spm help |
你会看到所有的命令。我们主要用的命令就是
1 |
spm build |
当然得注意两点:
(1).需要将执行目录切换到项目。比如你的项目js目录在D:/www/spm/js下;则需要先用cmd命令切换到D:/www/spm/js.见下图
(2).项目的js目录结构里面必须包含src目录,即未合并和压缩的js文件(seajs模块文件)。目录结构约定传送门。
最后,这些只是将了我接触的时候遇到的问题,具体spm命令及使用细节请见官方文档