代码改变世界

seajs压缩合并打包

2015-04-08 14:47  厘澄  阅读(467)  评论(0编辑  收藏  举报

用的是spm3

目录结构是这样的

已user为例

1 <script src="../../sea.js"></script>
2 <script>
3     seajs.config({
4         base: 'js/dist'
5     });
6     seajs.use(['hyq/static/page/favourite/index.js']);
7 </script>

这里有2点需要注意:

1、base为项目脚本启动目录,就是构建目录。

2、use主模块为项目启动模块,模块名称必须和模块的ID一致。

hotyq\www.hotyq.com\js 中的 package.json为

1 {
2   "name": "hyq",
3   "description": "hyq with seajs",
4   "author": "liushaohua@hyq.com",
5   "license": "MIT",
6   "spm": {
7     "main": "static/page/favourite/info.js"  //主入口    
8   }
9 }

构建的时候需要修改主入口,构建后会在package.json同级目录创建dist

index.js也贴个范例

1 //加载公用模块
2 require('../global/global.js');
3 //初始化lazy
4 require('../../common/ui/lazyload/lazyload.js').lazyload();
5 //初始化header
6 require('../../common/header/nav_search/nav_search.js');
7 require('../../common/header/user/user.js');

对应require的目录为当前目录,返回上级则为../

 在package.json目录 spm build 完成