这个是seajs合并工作中比较关键的一点，它不像requirejs，直接做concat即可；它必须先经过一个transport的任务处理，将匿名模块变成具名模块，同时用define的第二个参数来描述这个模块的所有依赖，就像requirejs那样。只有做完了transport，才能利用gulp-seajs-concat做合并。原因请参考：https://github.com/seajs/seajs/issues/426。
gulp-seajs-concat做合并的时候，就很简单了，只要告诉它一个base选项即可，这个base选项跟js/common.js中base选项保持一致。因为gulp-seajs-concat根据base和transport之后的模块，就能找到它所依赖的其它模块文件。
4）页面中使用main js时要采用这种方式：
use的参数名称，必须跟合并之后的main js的主模块ID保持一致。比如js/app/login.js合并之后是这个样子：
第一个define对应的模块就是合并后文件内的主模块，红框的内容就是该主模块的id，seajs use这个模块的时候，参数名称必须和这个id一致。否则seajs即使成功的加载到了这个文件，也不会执行任何模块内的代码。因为seajs有一个规则：ID 和路径匹配原则，其中有点跟这个相关，就是：当seajs use到一个文件内包含多个模块时，会根据use的参数名来寻找这个文件内的主模块，只有它们完全匹配，才能找得到。
5）压缩混淆：使用gulp-uglify：
但是要注意那个mangle，必须把require exports module排除掉，否则会引发一些意外的问题。
2. 本文小结
本文内容虽然很简单，但是在刚切到gulp和seajs的时候，还是费了不少时间才把本文的问题解决，虽然在准备demo的时候进展地比我当时的情况要顺利的多…不管怎么样，希望本文的内容多多少少能帮助到一些朋友。
您可能感兴趣的文章: