gulp: 是一個自動化構(gòu)建工具, 開發(fā)者可以使用它在項目開發(fā)過程中自動執(zhí)行常見任務, 是基于node.js構(gòu)建的。借鑒了Unix操作系統(tǒng)的管道(pipe)思想。

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

• globs:需要處理的源文件匹配符路徑 類型：String 或者 StringArray

通配符路徑匹配示例：

“src/a.js”：指定具體文件；

“*”：匹配所有文件    例：src/*.js(包含src下的所有js文件)；

“**”：匹配0個或多個子文件夾    例：src/**/*.js(包含src的0個或多個子文件夾下的js文件)；

“{}”：匹配多個屬性    例：src/{a,b}.js(包含a.js和b.js文件)  src/*.{jpg,png,gif}(src下的所有jpg/png/gif文件)；

“!”：排除文件    例：!src/a.js(不包含src下的a.js文件)；

• options 類型(可選)：Object 有3個屬性buffer、read、base

  • options.buffer： 類型：Boolean 默認：true 設(shè)置為false，將返回file.content的流并且不緩沖文件，處理大文件時非常有用；
  • options.read： 類型：Boolean 默認：true 設(shè)置false，將不執(zhí)行讀取文件操作，返回null；
  • options.base： 類型：String 設(shè)置輸出路徑以某個路徑的某個組成部分為基礎(chǔ)向后拼接

```
var scssPath = ["app/css/*.scss","app/css/**/*.scss"];
gulp.task('sass', function () {
    return gulp.src('app/theme/*.scss') //該任務針對的文件
        .pipe(sass())  //該任務調(diào)用的模塊
        .pipe(gulp.dest('www/build/css'));  // 文件輸出路徑
});
```

2、gulp.dest(path[, options]): 指定文件輸出路徑

• path 類型(必填)：文件輸出路徑
• options 類型(可選)：Object 有2個屬性cwd、mode
  • options.cwd(String): process.cwd()：前腳本的輸出路徑，當文件輸出路徑為相對路徑將會用到
  • options.mode: 被創(chuàng)建文件夾的權(quán)限

gulp.dest()一般與gulp.src()一起使用

3、gulp.task(name[, deps], fn)：執(zhí)行一個task任務

• name: 類型(必填) String 指定的任務名(不應該有空格)
• deps: 類型(選填) StringArray 該任務所依賴的任務(依賴的任務先于該任務執(zhí)行)
• fn: 回調(diào)函數(shù)

gulp.task('testLess', function () {
    return gulp.src(['less/style.less'])
        .pipe(less())
        .pipe(gulp.dest('./css'));
});
 
gulp.task('minicss', ['testLess'], function () { //執(zhí)行完testLess任務后再執(zhí)行minicss任務
    gulp.src(['css/*.css'])
        .pipe(minifyCss())
        .pipe(gulp.dest('./dist/css'));
});

4、 gulp.watch(glob [, opts], tasks) or gulp.watch(glob [, opts, cb])：watch方法是用于監(jiān)聽文件變化，文件一修改就會執(zhí)行指定的任務

• glob: 需要處理的源文件匹配符路徑
• opts: Object 傳給 gaze(實際監(jiān)聽者) 的參數(shù)
• task(必填): StringArray 需要執(zhí)行的任務
• cb(可選): function 每個文件變化執(zhí)行的回調(diào)函數(shù)

gulp.task('watch', function () {
    gulp.watch(['app/**/*'], ["build-dev"]);
});

6. Gulp 插件集