首页 > 关于Gulp的小问题,匹配文件怎么简写

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

//创建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种格式,感觉这样挺麻烦。


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

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

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

先说你的问题:
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']);
});

可以看看这个入门的文章

【热门文章】
【热门文章】