gulp简单入门

gulp用于前端构建，可以实现css,js等文件合并，压缩img，css，js，拷贝文件，替换文本，实现文件重命名。

使用gulp的优势就是利用流的方式进行文件的处理，通过管道将多个任务和操作连接起来，因此只有一次I/O的过程，流程更清晰，更纯粹。构建速度也要比grunt快，但是如果构建的项目很小，可能差距就体现不出来了。

gulp快速上手

1. 首先确保你已经正确安装了nodejs环境。然后以全局方式安装gulp：

   $ npm install -g gulp

2. 全局安装gulp后，还需要在每个要使用gulp的项目中都单独安装一次。把目录切换到你的项目文件夹中，然后在命令行中执行：

   $ npm install gulp

   如果想在安装的时候把gulp写进项目package.json文件的依赖中，则可以加上–save-dev：

   $ npm install --save-dev gulp

3. 在项目根目录创建gulpfile.js文件

   var gulp = require('gulp');
   
   gulp.task('default', function() { console.log('hello world');
   });

4. 运行gulp

   $ gulp

   默认任务将被运行，向控制台输出hello world。
   如果需要运行单个任务, 使用 gulp taskname命令。
   
   Gulp api

   使用gulp，仅需知道4个API即可：gulp.task(),gulp.src(),gulp.dest(),gulp.watch()，所以很容易就能掌握。
   
   
   gulp插件实例介绍

   js文件压缩

   使用
   安装：npm install --save-dev gulp-uglify
   用来压缩js文件，使用的是uglify引擎

   var gulp = require('gulp'),
       uglify = require("gulp-uglify");
   
   gulp.task('minify-js', function () {
       gulp.src('js/*.js') // 要压缩的js文件 .pipe(uglify())
       .pipe(gulp.dest('dist/js')); //压缩后的路径 });
   
   gulp.task("default",['minify-js']);