基于nodeJs；通过不同插件能自动完成一系列动作，比如压缩js/css/img、解析模版标签、解析less等；
一、安装gulp
- 安装nodeJs
- 打开Node.js command prompt
- 输入
npm install gulp -g全局安装gulp - 在C盘根目录创建gulpTest文件夹
- 在命令行使用
cd c:/gulpTest进入该文件夹 - 在该文件夹内创建文件package.json(后面会提及该文件作用)，并输入
{"name":"projectName"}，保存文件 - 下面开始输入命令局部安装gulp，并写入package.json：
npm install gulp --save-dev - 安装完毕后，可以看到package.json中已经添加了依赖
经过以上步骤，已经在项目中安装了gulp
二、使用gulp插件压缩css
输入
npm install gulp-minify --save-dev-
在项目根目录（c:/gulpTest/）创建gulpfile.js，输入以下代码并保存
var gulp = require('gulp'),
minifycss = require('gulp-minify-css');gulp.task('minifycss', function() {
return gulp.src('src/css/*.css') //设置要压缩的文件
.pipe(minifycss()) //执行压缩
.pipe(gulp.dest('dest/css')); //输出到文件夹 }); gulp.task('default',function(){ //设置默认任务
gulp.start('minifycss');
}) gulp.watch('src/css/*.css', ['minifycss']); 在项目根目录创建文件src/css/index.css,随意输入一些css
在命令行输入
gulp，即开始执行压缩，可以看到文件目录自动生成了压缩好的css文件dest/css/index.css；因为添加了watch，所以当文件发生改变时，gulp会自动压缩css。