gulp正则匹配

 

Gulp内部使用了node-glob模块来实现其文件匹配功能。我们可以使用下面这些特殊的字符来匹配我们想要的文件：

· * 匹配文件路径中的0个或多个字符，但不会匹配路径分隔符，除非路径分隔符出现在末尾

· ** 匹配路径中的0个或多个目录及其子目录,需要单独出现，即它左右不能有其他东西了。如果出现在末尾，也能匹配文件。

· ? 匹配文件路径中的一个字符(不会匹配路径分隔符)

· [...] 匹配方括号中出现的字符中的任意一个，当方括号中第一个字符为^或!时，则表示不匹配方括号中出现的其他字符中的任意一个，类似js正则表达式中的用法

· !(pattern|pattern|pattern) 匹配任何与括号中给定的任一模式都不匹配的

· ?(pattern|pattern|pattern) 匹配括号中给定的任一模式0次或1次，类似于js正则中的(pattern|pattern|pattern)?

· +(pattern|pattern|pattern) 匹配括号中给定的任一模式至少1次，类似于js正则中的(pattern|pattern|pattern)+

· *(pattern|pattern|pattern) 匹配括号中给定的任一模式0次或多次，类似于js正则中的(pattern|pattern|pattern)*

· @(pattern|pattern|pattern) 匹配括号中给定的任一模式1次，类似于js正则中的(pattern|pattern|pattern)

下面以一系列例子来加深理解

· * 能匹配 a.js,x.y,abc,abc/,但不能匹配a/b.js

· *.* 能匹配 a.js,style.css,a.b,x.y

· */*/*.js 能匹配 a/b/c.js,x/y/z.js,不能匹配a/b.js,a/b/c/d.js

· ** 能匹配 abc,a/b.js,a/b/c.js,x/y/z,x/y/z/a.b,能用来匹配所有的目录和文件

· **/*.js 能匹配 foo.js,a/foo.js,a/b/foo.js,a/b/c/foo.js

· a/**/z 能匹配 a/z,a/b/z,a/b/c/z,a/d/g/h/j/k/z

· a/**b/z 能匹配 a/b/z,a/sb/z,但不能匹配a/x/sb/z,因为只有单**单独出现才能匹配多级目录

· ?.js 能匹配 a.js,b.js,c.js

· a?? 能匹配 a.b,abc,但不能匹配ab/,因为它不会匹配路径分隔符

· [xyz].js 只能匹配 x.js,y.js,z.js,不会匹配xy.js,xyz.js等,整个中括号只代表一个字符

· [^xyz].js 能匹配 a.js,b.js,c.js等,不能匹配x.js,y.js,z.js

当有多种匹配模式时可以使用数组

//使用数组的方式来匹配多种文件

 

<span style="color:#333333">gulp.src(['js/*.js','css/*.css','*.html'])</span>

 

使用数组的方式还有一个好处就是可以很方便的使用排除模式，在数组中的单个匹配模式前加上!即是排除模式，它会在匹配的结果中排除这个匹配，要注意一点的是不能在数组中的第一个元素中使用排除模式

<span style="color:#333333">gulp.src([*.js,'!b*.js']) //匹配所有js文件，但排除掉以b开头的js文件

gulp.src(['!b*.js',*.js]) //不会排除任何文件，因为排除模式不能出现在数组的第一个元素中</span>

 

此外，还可以使用展开模式。展开模式以花括号作为定界符，根据它里面的内容，会展开为多个模式，最后匹配的结果为所有展开的模式相加起来得到的结果。展开的例子如下：

· a{b,c}d 会展开为 abd,acd

· a{b,}c 会展开为 abc,ac

· a{0..3}d 会展开为 a0d,a1d,a2d,a3d

· a{b,c{d,e}f}g 会展开为 abg,acdfg,acefg

· a{b,c}d{e,f}g 会展开为 abdeg,acdeg,abdeg,abdfg

 

 

 

gulpfiles.js

var gulp=require("gulp");
var connect=require("gulp-connect");
var sass=require("gulp-sass");
var concat=require("gulp-concat");
var uglify=require("gulp-uglify");
var rename=require("gulp-rename");
var cleanCss=require("gulp-clean-css");
var imagemin=require("gulp-imagemin");
var babel=require("gulp-babel");
//html文件夹
gulp.task("html1",function(){
	gulp.src("html/**")
	.pipe(gulp.dest("dist/html"))
	.pipe(connect.reload());
});
//外面的html
gulp.task("html",function(){
	gulp.src("*.html")
	.pipe(gulp.dest("dist"))
	.pipe(connect.reload());
});
//sass
gulp.task("sass",function(){
	gulp.src("sass/*.scss")
	.pipe(sass())
	.pipe(gulp.dest("dist/css"))
	.pipe(connect.reload());
});

//js压缩 合并
//gulp.task("scripts",function(){
//	gulp.src("js/*.js")
//	.pipe(concat("main.js"))
//	.pipe(gulp.dest("dist/js"))
//	.pipe(uglify())
//	.pipe(rename("main.min.js"))
//	.pipe(gulp.dest("dist/js"))
//	.pipe(connect.reload());
//})

//image

gulp.task("images",function(){
	gulp.src("images/**")
	.pipe(imagemin())
	.pipe(gulp.dest("dist/images"))
	.pipe(connect.reload());
})

//jquery
gulp.task("jquery",function(){
	gulp.src("jquery.js")
	.pipe(gulp.dest("dist"))
})

//gulp.task("jquery2",function(){
//	gulp.src("magnifier.js")
//	.pipe(gulp.dest("dist"))
//})

//设置根目录
gulp.task("server",function(){
	connect.server({
		root:"dist",
		livereload:true
	})
	
});

//es6转es5
//uglify()压缩     concat("main.js")合并
gulp.task("es6es5", function () {  
       gulp.src("js/*.js")  
       .pipe(babel({"presets":["es2015"]})) 
       .pipe(concat("main.js"))
	   .pipe(gulp.dest("dist/js"))
	   .pipe(uglify())
	   .pipe(rename("main.min.js"))
	   .pipe(gulp.dest("dist/js"))
	   .pipe(connect.reload());
}); 



//监听
gulp.task("watch",function(){
	gulp.watch("*.html",["html"]);
	gulp.watch("html/**",["html1"]);
	gulp.watch("sass/*.scss",["sass"]);
	gulp.watch("images/**",["images"]);
	
	gulp.watch("js/*.js",["es6es5"]);
	
})
gulp.task("default",["watch","server"])