我們重點說說gulp用到的globs的匹配規則以及一些文件匹配技巧,我們將會在後面的課程中用到這些規則。
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
轉載地址:http://www.hubwiz.com/class/562089cb1bc20c980538e25b