gulp常用API

1、gulp.src(globs[, options])

options.buffer
類型: Boolean 默認值: true
如果該項被設置爲 false,那麼將會以 stream 方式返回 file.contents 而不是文件 buffer 的形式。這在處理一些大文件的時候將會很有用。**注意:**插件可能並不會實現對 stream 的支持。

options.read
類型: Boolean 默認值: true
如果該項被設置爲 false, 那麼 file.contents 會返回空值(null),也就是並不會去讀取文件。

options.base
類型: String 默認值: 將會加在 glob 之前

gulp.src('client/js/**/*.js') // 匹配 'client/js/somedir/somefile.js' 並且將 `base` 解析爲 `client/js/`
  .pipe(minify())
  .pipe(gulp.dest('build'));  // 寫入 'build/somedir/somefile.js'

gulp.src('client/js/**/*.js', { base: 'client' })
  .pipe(minify())
  .pipe(gulp.dest('build'));  // 寫入 'build/js/somedir/somefile.js'


2、gulp.dest(path[, options]) 

處理完後文件生成路徑


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

定義任務  name:任務名稱 (默認任務 default )      deps:依賴任務名稱 fn:回調函數

當需要按順序執行兩個任務時

var gulp = require('gulp');
// 返回一個 callback,因此係統可以知道它什麼時候完成
gulp.task('one', function(cb) {
    // 做一些事 -- 異步的或者其他的
    cb(err); // 如果 err 不是 null 或 undefined,則會停止執行,且注意,這樣代表執行失敗了
});
// 定義一個所依賴的 task 必須在這個 task 執行之前完成
gulp.task('two', ['one'], function() {
    // 'one' 完成後
});
gulp.task('default', ['one', 'two']);


4、gulp.watch(glob [, opts], tasks) 或 gulp.watch(glob [, opts, cb])

var watcher = gulp.watch('js/**/*.js', ['uglify','reload']);
watcher.on('change', function(event) {
  console.log('File ' + event.path + ' was ' + event.type + ', running tasks...');
});

gulp.watch('js/**/*.js', function(event) {
  console.log('File ' + event.path + ' was ' + event.type + ', running tasks...');
});






發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章