关于Gulp的小问题，匹配文件怎么简写

Question

//创建watch任务去检测html,css,js,images文件,
// 其定义了当这些文件改动之后，去调用一个Gulp的Task
gulp.task('watch', function () {
  gulp.watch([
      './src/*.html',
      './src/css/*.css',
      './src/js/*.js',
      './src/images/*.png'
  ], ['refresh']);
});

初学gulp，比如我要匹配监视src目录下的css，js，html，图片这些文件，可以怎么简写？比如我图片就有3种格式，感觉这样挺麻烦。

Answer 1

先说你的问题：
gulp.watch(['**','!app/'])这是匹配除了app下的所有文件；

一般情况下先定义好目录结构，方便整理和预处理项目（我的目录结构也不一定好）；

在gulpfile中可以定义一些对象

var paths = {
    styles:['app/scss/**/*.scss'],
    outSytles:'app/css/',
    outSourcemaps:'app/css_sourcemaps',
    images: ['images/**','oa/images/**']
};

多用匹配符：

gulp.task('watch', function() {

    gulp.watch(['app/**']).on('change', plugins.livereload.changed);
    gulp.watch(paths.styles, ['scss']);
    plugins.livereload.listen(reloadOptions);
    // gulp.watch(paths.images, ['images']);
});

可以看看这个入门的文章

Answer 2

images/*.+(png|jpg|gif|svg)

Answer 3

gulp的模式匹配都是遵循node-glob，详细可以查看一下它的文档，如果要实现匹配多个格式，可以用：

images/*(.jpg|.png|.gif)