gulp

自动化构建工具gulp

安装gulp:npm install --global gulp

// 作为单独插件的rename提供了更高的灵活度
gulp.task("scripts", function(){
    return gulp.src(["src/js/**/*.js"])
        .pipe(rename({ suffix: '.min' }))
        .pipe(uglify())
        .pipe(gulp.dest('dest/js/'));
});

gulp.task("css",function(){
    return gulp.src(['src/css/**/*.css'])
        .pipe(rename({suffix: '.min'}))
        .pipe(minifycss())
        .pipe(gulp.dest('dest/css/'));
});

gulp.task("image",function(){
    return gulp.src(["src/img/**/*.{gif,jpg,png}"])
        .pipe(cache(imagemin({ optimizationLevel: 3, progressive: true, interlaced: true })))
        .pipe(gulp.dest('dest/img'));
});

gulp.task("upload",function(){
    return gulp.src('dest/**/*')
        .pipe(ftp(ftpconfig));
});

// 为了保证upload可以在其他处理都并行完成之后执行
// 需要其他task把处理流程return，并把upload写在最后的回调中
gulp.task('default', ['scripts','css','image'], function(){
    gulp.start('upload');
});