gulp

1、gulp的工作方式

gulp的使用流程一般是：首先通过 gulp.src() 方法获取到想要处理的文件流，然后把文件流通过pipe方法导入到gulp的插件中，最后把经过插件处理后的流再通过 pipe 方法导入到 gulp.dest() 中， gulp.dest() 方法则把流中的内容写入到文件中。例如：

 

var gulp = require('gulp');
gulp.src('script/jquery.js')        // 获取流的api
    .pipe(gulp.dest('dist/foo.js')); // 写放文件的api

2、gulp.task()——定义任务

gulp.task(name[, deps], fn)

其中name是任务名；deps是当前定义的任务需要依赖的其他任务，为一个数组；当前定义的任务会在其依赖任务执行完毕后再执行。fn是任务函数，把要执行的代码放在这里面。

gulp.task('greet', function () {
  console.log('Hello world!');
});

执行gulp greet的结果就是在控制台打出Hello world！

//只要执行default任务，就相当于把one,two,three这三个任务执行了
gulp.task('default',['one','two','three']);

如果任务相互之间没有依赖，任务就会按你书写的顺序来执行，如果有依赖的话则会先执行依赖的任务。但是如果某个任务所依赖的任务是异步的，就要注意了，gulp并不会等待那个所依赖的异步任务完成，而是会接着执行后续的任务。例如：

gulp.task('one',function(){
  //one是一个异步执行的任务
  setTimeout(function(){
    console.log('one is done')
  },5000);
});
 
//two任务虽然依赖于one任务,但并不会等到one任务中的异步操作完成后再执行
gulp.task('two',['one'],function(){
  console.log('two is done');
});

 

 

 

3、gulp.src()

4、gulp.dest()

5、gulp.watch()——监听文件的变化

gulp.watch(glob[, opts], tasks);

glob 为要监视的文件匹配模式，规则和用法与 gulp.src() 方法中的 glob 相同。 opts 为一个可选的配置对象，通常不需要用到。 tasks 为文件变化后要执行的任务，为一个数组。

gulp.task('uglify',function(){
  //do something
});
gulp.task('reload',function(){
  //do something
});
gulp.watch('js/**/*.js', ['uglify','reload']);

 

 

 

 

6、gulp.

7、

8、

 

http://www.tuicool.com/articles/IfYjyyV