关于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种格式，感觉这样挺麻烦。

解决方案

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

可以看看这个入门的文章

这篇关于关于Gulp的小问题，匹配文件怎么简写的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！