//创建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']);
});
可以看看这个入门的文章