1、gulp
(1)、什么是gulp
gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；
她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；
使用她，我们不仅可以很愉快的编写代码，而且大大提高我们的工作效率。
(2)、gulp的用法
注：gulp的用法与grunt的用法很相似，只要学会一种方法，另一种就非常简单了
想要使用gulp,需要安装 npm install gulp-cli -g 和 npm install gulp
实例：
//引入依赖
var gulp = require('gulp');
//引入插件
var uglify = require('gulp-uglify');//压缩js插件
var less = require('gulp-less');//编译less为css插件
var cssmin = require('gulp-minify-css');//压缩css插件
var rename = require('gulp-rename');//改文件名字插件
//配置任务
//压缩js
gulp.task('js', function(){
gulp.src('index/sum.js')
.pipe(uglify())
.pipe(gulp.dest('dest'));
});
//编译less
gulp.task('less', function () {
gulp.src('index/*.less')
.pipe(less())
.pipe(gulp.dest('dest'));
});
//压缩css
gulp.task('cssmin', function () {
gulp.src('index/*.css')
.pipe(cssmin({
advanced: false,//类型：Boolean 默认：true [是否开启高级优化（合并选择器等）]
compatibility: 'ie7',//保留ie7及以下兼容写法 类型：String 默认：''or'*' [启用兼容模式； 'ie7'：IE7兼容模式，'ie8'：IE8兼容模式，'*'：IE9+兼容模式]
keepBreaks: true,//类型：Boolean 默认：false [是否保留换行]
keepSpecialComments: '*' //保留所有特殊前缀 当你用autoprefixer生成的浏览器前缀，如果不加这个参数，有可能将会删除你的部分前缀
}))
.pipe(gulp.dest('dest'));
});
//改文件名字
gulp.task('css',function(){
gulp.src('index/b.css')
.pipe(cssmin())
.pipe(rename('b.min.css'))
.pipe(gulp.dest('dest'))
})
//注册默认任务
gulp.task('default', [ 'js','less','cssmin','css']);
等等，gulp还有许多插件，
gulp插件大全：http://www.cnblogs.com/kelsen/p/4643762.html