简介：
Gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用gulp，不仅可以很愉快的编写代码，而且大大提高工作效率
Gulp是基于nodejs的自动化任务运行器。能自动化地完成JavaScript，coffee，sass，less，html，image，css等文件的测试，检查，合并，压缩，格式化，浏览器自动刷新，部署文件生成，并监听文件在改动后重复指定的这些步骤。实现上，借鉴了Unix操作系统的管道(pipe)思想，前一级的输出，直接变成后一级的输入，使得在操作上非常简单。
Gulp和grunt非常类似，但相比于grunt的频繁IO操作，gulp的流操作，能更快地便捷完成构建工作。
Gulp常用地址

• Gulp官网: http://gulpjs.com/
• Gulp插件地址: http://gulpjs.com/plugins
• Gulp官方API: https://github.com/gulpjs/gulp/blob/master/docs/API.md
• Gulp中文API: http://www.ydcss.com/archives/424
  

使用gulp步骤，首先是安装nodejs，通过nodejs的npm全局安装和项目安装gulp，其次在项目里安装所需要的gulp插件，然后新建gulp的配置文件gulpfile.js并写好配置信息(定义gulp任务)，最后通过命令提示符运行gulp任务。
安装nodejs  --> 全局安装gulp ---> 项目安装gulp以及gulp插件  ---> 配置gulpfile.js  ---> 运行任务
一、首先执行  npm install gulp –save-dev
使用npm安装过慢可以使用nrm 使用步骤
npm install -g nrm
nrm ls (当前指向npm，改为taobao)
nrm use taobao
这样以后使用npm 下载就都指向taobao，速度提高很多


全局安装gulp，项目也安装了gulp；全局安装gulp是为了执行gulp任务，本地安装gulp则是为了调用gulp插件功能。


二、新建gulpfile.js文件
1.   说明:gulpfile.js是gulp项目的配置文件，是位于项目根目录的普通js文件（其实将gulpfile.js放入其他文件夹下亦可）使用gulp打包命令会自动去读取
2.  gulp常用命令
//gulp.task(name[, deps], fn) 定义任务  name：任务名称 deps：依赖任务名称 fn：回调函数
//gulp.src(globs[, options]) 执行任务处理的文件  globs：处理的文件路径(字符串或者字符串数组)
//gulp.dest(path[, options]) 处理完后文件生成路径


3.   js文件配置如下：
//导入工具包
let gulp = require('gulp')
//这里用到什么插件下载安装什么插件
less = require('gulp-less');   
//定义一个testLess任务（自定义任务名称）
gulp.task('testLess',function(){
    gulp.src('src/less/index.less')//该任务针对的文件
        .pipe(less())//该任务调用的模块
        .pipe(gulp.dest('src/css'));//将会在src/css下生成index.css
});
//定义默认任务同一起来方便执行，有多少数组里加多少
gulp.task('default',['testLess','elseTask']);

三： 运行gulp

1.   说明：命令提示符执行gulp任务名称（gulp 默认执行default名称）

2.   直接在项目路径下运行gulp（跟运行grunt一样）

简介：
Gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用gulp，不仅可以很愉快的编写代码，而且大大提高工作效率
Gulp是基于nodejs的自动化任务运行器。能自动化地完成JavaScript，coffee，sass，less，html，image，css等文件的测试，检查，合并，压缩，格式化，浏览器自动刷新，部署文件生成，并监听文件在改动后重复指定的这些步骤。实现上，借鉴了Unix操作系统的管道(pipe)思想，前一级的输出，直接变成后一级的输入，使得在操作上非常简单。
Gulp和grunt非常类似，但相比于grunt的频繁IO操作，gulp的流操作，能更快地便捷完成构建工作。
Gulp常用地址

• Gulp官网: http://gulpjs.com/
• Gulp插件地址: http://gulpjs.com/plugins
• Gulp官方API: https://github.com/gulpjs/gulp/blob/master/docs/API.md
• Gulp中文API: http://www.ydcss.com/archives/424
  

使用gulp步骤，首先是安装nodejs，通过nodejs的npm全局安装和项目安装gulp，其次在项目里安装所需要的gulp插件，然后新建gulp的配置文件gulpfile.js并写好配置信息(定义gulp任务)，最后通过命令提示符运行gulp任务。
安装nodejs  --> 全局安装gulp ---> 项目安装gulp以及gulp插件  ---> 配置gulpfile.js  ---> 运行任务
一、首先执行  npm install gulp –save-dev
使用npm安装过慢可以使用nrm 使用步骤
npm install -g nrm
nrm ls (当前指向npm，改为taobao)
nrm use taobao
这样以后使用npm 下载就都指向taobao，速度提高很多


全局安装gulp，项目也安装了gulp；全局安装gulp是为了执行gulp任务，本地安装gulp则是为了调用gulp插件功能。


二、新建gulpfile.js文件
1.   说明:gulpfile.js是gulp项目的配置文件，是位于项目根目录的普通js文件（其实将gulpfile.js放入其他文件夹下亦可）使用gulp打包命令会自动去读取
2.  gulp常用命令
//gulp.task(name[, deps], fn) 定义任务  name：任务名称 deps：依赖任务名称 fn：回调函数
//gulp.src(globs[, options]) 执行任务处理的文件  globs：处理的文件路径(字符串或者字符串数组)
//gulp.dest(path[, options]) 处理完后文件生成路径


3.   js文件配置如下：
//导入工具包
let gulp = require('gulp')
//这里用到什么插件下载安装什么插件
less = require('gulp-less');   
//定义一个testLess任务（自定义任务名称）
gulp.task('testLess',function(){
    gulp.src('src/less/index.less')//该任务针对的文件
        .pipe(less())//该任务调用的模块
        .pipe(gulp.dest('src/css'));//将会在src/css下生成index.css
});
//定义默认任务同一起来方便执行，有多少数组里加多少
gulp.task('default',['testLess','elseTask']);

三： 运行gulp

1.   说明：命令提示符执行gulp任务名称（gulp 默认执行default名称）

2.   直接在项目路径下运行gulp（跟运行grunt一样）