编写代码

　　上一节中已经完成了对插件的引用，下面就开始我们的代码编写，可以通过gulp.start()方法来开始执行我们的任务。

1.gulp默认的执行任务是 "default"，当然你也可以指定别的名称，然后通过"gulp 任务名称" 来运行。

gulp.task('default',  function() {
    gulp.start('clean','minifycss', 'minifyjs');  // 要执行的任务
});

2.CSS压缩

gulp.task('minifycss', function() {
    return gulp.src('src/*.css')                  //压缩的文件
         .pipe(minifycss())                       //执行压缩
         .pipe(gulp.dest('minified/css'));        //输出文件夹
});

3.JS 合并压缩

gulp.task('minifyjs', function() {
    return gulp.src('src/*.js')
        .pipe(concat('main.js'))                  //合并所有js到main.js
        .pipe(gulp.dest('minified/js'))           //输出main.js到文件夹
        .pipe(rename({suffix: '.min'}))           //rename压缩后的文件名
        .pipe(uglify())                           //压缩
        .pipe(gulp.dest('minified/js'));          //输出
});

4.执行压缩前，先删除目录里的内容

gulp.task('clean', function(cb) {
    del(['minified/css', 'minified/js'], cb)
});

好了，这样我们的代码就完成了。