Gulp安装及使用

测试环境

• Mac:10.10.4
• Gulp:3.9.0

时间:2015年08月15日18:07:08

安装Gulp

sudo npm install --global gulp

npm install --save-dev gulp

输入gulp -v,显示版本说明安装成功

使用Gulp

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

var gulp = require('gulp');//引用gulp

gulp.task('default', function() {
   //创建一个task任务
  // place code for your default task here
});

在终端进入gulpfils.js所在目录.

执行gulp,他会默认执行default,如果没有defaulttask的话，会报错；也可以gulp default

整体文件结构

root
 |----gulpfils.js
 |----app
       |----hello.txt
       |----new
             |----world.txt

src/dest

gulp.src:文件源

gulp.dest:目标文件路径

将文件从文件源传送到目的地,可以说是复制，因为源文件还在。

app目录

app
 |----hello.txt 
 |----new
       |----world.txt

gulp.task('default',function(){
   
  gulp.src('app/hello.txt')
 .pipe(gulp.dest('core'));//最终文件路径`core/hello.txt`
});

gulp.task('default',function(){
   
  gulp.src('app/hello.txt')
 .pipe(gulp.dest('core/hello.txt'));//最终文件路径`core/hello.txt/hello.txt`
});

处理多个文件

gulp.task('default',function(){
   
  gulp.src('app/**')
 .pipe(gulp.dest('core'));
});

执行之后,core目录