一、gulp简介
gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用她，我们不仅可以很愉快的编写代码，而且大大提高我们的工作效率。
gulp是基于Nodejs的自动任务运行器， 她能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成，并监听文件在改动后重复指定的这些步骤。在实现上，她借鉴了Unix操作系统的管道（pipe）思想，前一级的输出，直接变成后一级的输入，使得在操作上非常简单。通过本文，我们将学习如何使用Gulp来改变开发流程，从而使开发更加快速高效。
本示例以gulp-cssmin展示gulp的常规用法，只要我们学会使用一个gulp插件后，其他插件就差看看其帮助文档了。
二、安装
命令均在终端里书写
1.安装
npm install -g gulp
2.创建项目文件夹
mkdir gulp
此处可一直敲回车直到结束
3.项目初始化
npm init
4.作为项目的开发依赖（devDependencies）安装
npm install —save-dev gulp
5.插件的安装
npm install —save-dev concat
npm install —save-dev cssmin
三、配置和调用
6.配置gulpfile.js（此步可跳过）
var gulp = require('gulp');
gulp.task('default',['troy','pdd'],function(){
console.log("小轩在不在，小轩在不在");
});
//3个参数 任务名 任务依赖 回调。优先执行数组里的命令，即先执行'troy',然后'pdd'，最后'default'
gulp.task('troy',function(){
console.log("对对对，我是娇妹")
})
gulp.task('pdd',function(){
console.log("哈哈哈")
})
7.插件的调用（依然在gulpfile.js输入）
var concat=require('gulp-concat');//合并
var cssmin=require('gulp-cssmin');//压缩css
gulp.task('fox',function() {
gulp.src("box/css/*.js”) //目标文件
.pipe(concat('ab.js’)) //合并文件并命名
.pipe(cssmin()) //压缩
.pipe(gulp.dest('box/desk/css’)) //目标输出位置
})
//pipe( ) 管道，上面的输出就是下面的输入
四、效果展示
合并前：
合并压缩后：
五、结束语
本文有任何错误，或有任何疑问，欢迎留言说明。