glup初探-给seajs合并文件

1、安装nodejs，

安装地址可见百度云：
链接：http://pan.baidu.com/s/1kUAdy4Z 密码：szzl

这一步完之后，就可以测试node环境，输入node -v 输入npm -v 测试环境变量是否配对。安装版的nodejs不需要配置环境变量。

2、配置npm的全局模块存放路径和cache路径

输入以下命令

npm config set prefix “D:\Program Files\node\node-global”

npm config set cache “D:\Program Files\node\node-cache”

3、安装cnpm

在cmd下输入命令：

npm install cnpm -g

4、 将cnpm的路径写入path环境变量

node_path： E:\Program Files\nodejs\node-global
path：%node_path%\;

测试是否安装成功：

cnpm -v

5、设置cnpm的全局模块存放路径和cache路径

cnpm config set prefix “D:\Program Files\node\node-global” 
cnpm config set cache “D:\Program Files\node\node-cache”

以后npm和cnpm安装的模块就都在D:\Program Files\node\node-global\node_modules这个目录下了。

6、先写一个seajs的基本项目

参考：一个简单的seajs

程序下载（百度云）：
链接：http://pan.baidu.com/s/1pKWVTfd 密码：rkx1

按照上述教程，布置好，a.js , b.js, main.js, 引入sea.js， 然后开始gulp安装和打包
先看看完整目录，package.json等不要着急，看下文

7 、glup打包

参考教程

按照教程一步步操作，安装glup和相关插件，开始一个seajs的合并之旅。

var gulp = require('gulp');

var uglify = require('gulp-uglify');
var concat = require('gulp-concat');
/*使用gulp-concat合并javascript文件，减少网络请求。*/

var cmdPack = require('gulp-cmd-pack');

var combo = require('gulp-seajs-combo');

var uglify = require('gulp-uglify');
/*使用gulp-uglify压缩javascript文件，减小文件大小。*/


gulp.task( 'comboa', function(){
     return gulp.src( './src/a.js' )
         .pipe( combo({
             map : {
                 '/src/a' : './a'
             }
         }))
         .pipe( gulp.dest('./build') );
});


gulp.task( 'combomain', function(){
     return gulp.src( './src/main.js' )
         .pipe( combo({
             map : {
                 '/src/main' : './main'
             }
         }))
         .pipe( gulp.dest('./build') );
});

结果：
build下a.js

define('b',function(){
    return "b";
})
define('a',['b'],function(require,exports,module){
    var b = require('b');
    module.exports = 'a' +' '+ b;
});

main.js合并前：

seajs.config({
    base : '/build'
});

seajs.use( './a',function(a){
    console.log(a);
} );

main.js合并后：

define('b',function(){
    return "b";
})
define('a',['b'],function(require,exports,module){
    var b = require('b');
    module.exports = 'a' +' '+ b;
});


seajs.use( 'a',function(a){
    console.log(a);
} );

Gulp+Seajs（文件合并）

使用 gulp-seajs-combo 合并 seajs 模块

gulp详细入门教程