gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用她，我们不仅可以很愉快的编写代码，而且大大提高我们的工作效率

使用步骤:

1、安装

2、怎么使用

如何安装?

首先你得在自己的电脑中安装nodejs，因为gulp的运行是基于nodejs环境的。

1.全局安装 gulp：

 npm install --global gulp

2. 作为项目的开发依赖（devDependencies）安装：

npm install --save-dev gulp

3. 在项目根目录下创建一个名为 gulpfile.js 的文件：

var gulp = require('gulp');
gulp.task('default', function() {
  // 将你的默认的任务代码放在这
});

4. 运行 gulp：

 gulp

怎么使用?

gulp有以下功能:

• gulp.task(‘任务名’,function(){})定义一个任务

• gulp.src()//找到当前的文件地址

• gulp.desk()//输出文件

• gulp.pipe()//可以理解为管道，将操作加入到执行队列。

• eg:

• 
  

• 1、在项目根目录下创建js文件夹，

• 新建一个gulpfile.js文件(文件名字不能错误)

• 然后创建b.js和c.js两个文件，对这俩个文件进行操作。

• 
  

• 
  

• b.js里写:

• console.log("hello b!!");

• c.js里写:

• console.log('hello c!!');

• 2、分别下载gulp操作文件的相关依赖： 

• npm install gulp-concat
  npm install gulp- uglify
  npm install gulp- rename
  npm install gulp- dev

• 3、引入到gulpfile.js

• 
  

• var gulp = require('gulp');
  var concat = require('gulp-concat');    //合并文件
  var uglify = require('gulp-uglify');    //压缩代码
  var rename = require('gulp-rename');    //重命名
  var  del = require('del');              //删除文件

  5、继续操作gulpfile.js文件

•      使用min插件实现合并b.js与c.js
  

• gulp.task('min', function() {
      // 将你的默认的任务代码放在这
   
       gulp.src('js/*.js')                //要操作文件的路径 表示js文件下的所有js文件b.js和c.js
           .pipe(concat('all.js'))        //合并后的文件名
           .pipe(gulp.dest('dist/js'))    //合并后文件的存放路径
   
           .pipe(uglify())               // 文件压缩
           .pipe(rename('all.min.js'))   //压缩后文件名称
           .pipe(gulp.dest('minJs'));    //压缩后文件的存放路径
   
  });
  gulp.task('default', ['min']);

• 
  

• 执行成功后项目里多了俩个文件夹dist和minJs. 说明文件合并压缩成功了。

• 其余相关任务大家可以参考以上内容，自行操作！
  

•