织梦做的网站首页出现空白,潮阳网站制作,网站建设费用报告,全国大型教育集团网站建设背景
前端开发中#xff0c;我们经常会看到一种配置语法#xff0c;一般出现在 gitignore里、webpack 配置里、vscode查找文件的时候#xff0c;如下#xff1a;
?.js
**/*.js
dist/**/*.js这种语法其实叫 glob。
glob 历史
glob 来自于 Linux。
1975 年发行的 unix …背景
前端开发中我们经常会看到一种配置语法一般出现在 gitignore里、webpack 配置里、vscode查找文件的时候如下
?.js
**/*.js
dist/**/*.js这种语法其实叫 glob。
glob 历史
glob 来自于 Linux。
1975 年发行的 unix v6 版本中提供了一个安装路径为 etc/glob 的命令工具这个 glob 工具允许使用者通过 “通配符” 来匹配目录和文件。在后来的演进中它开始渐渐成为 linux shell 的一部分现在你几乎在所有的 linux 系统中都可以轻松快捷地使用它因为其 “实用、好用”所以渐渐出圈因此即便我们使用的是 windows在前端项目里也有工具库可以轻松的解析这种语法。
glob 语法
1、基本语法
* 匹配任意长度任意字符
** 代表0或多个层级的目录
? 匹配任意单个字符
[list] 匹配指定范围内list任意单个字符也可以是单个字符组成的集合
[^list] 匹配指定范围外的任意单个字符或字符集合
[!list] 同[^list]
{str1,str2,...} 匹配 srt1 或者 srt2 或者更多字符串也可以是集合
() 小括号必须跟在 ?、*、、、! 后面使用且小括号里面的内容是一组以 | 分隔符的模式集合例如abc|a?c|ac*。2、专用字符集
[:alnum:] 任意数字或者字母
[:alpha:] 任意字母
[:space:] 空格
[:lower:] 小写字母
[:digit:] 任意数字
[:upper:] 任意大写字母
[:cntrl:] 控制符
[:graph:] 图形
[:print:] 可打印字符
[:punct:] 标点符号
[:xdigit:] 十六进制数
[:blank:] 空白字符未验证举例
src/*.js 表示 src 目录下所有以 js 结尾的文件但是不能匹配 src 子目录中的文件例如 src/login/login.jstest/?at.js 匹配形如 test/cat.js、test/bat.js 等所有3个字符且后两位是 at 的 js 文件但是不能匹配 test/flat.jstest/[bc]at.js 只能匹配test/bat.js 和 test/cat.jstest/[c-f]at.js 能匹配 test/cat.js、test/dat.js、test/eat.js 和test/fat.jstest/[!bc]at.js不能匹配 test/bat.js 和 test/cat.js但是可以匹配 test/fat.js!test/tmp/**’ 排除 test/tmp 目录下的所有目录和文件/var/log/** 匹配 /var/log 目录下所有文件和文件夹以及文件夹里面所有子文件和子文件夹/var/log/**/*.log 匹配 /var/log 及其子目录下的所有以 .log 结尾的文件a.{png,jp{,e}g} 匹配 a.png、a.jpg、a.jpeg{a…c}{1…2} 匹配 a1 a2 b1 b2 c1 c2?(pattern|pattern|pattern)匹配0次或1次给定的模式
node中解析glob语法
1、node-glob
// 1、安装方式
yarn add glob -D// 2、使用方式
var glob require(glob)
glob(**/*.js, function (er, files) {// files 就是它模糊查找到的文件
})
const jsfiles await glob(**/*.js, { ignore: node_modules/** })
const images await glob([css/*.{png,jpeg}, public/*.{png,jpeg}])2、fast-glob
这是一款比 node-glob 速度更快的 glob 工具库一些大家所熟知的比如 eslint、vite 等工具都是用了 fast-glob 作为依赖
// 1、安装
yarn add fast-glob -D// 2、使用
const fg require(fast-glob);
const entries await fg([.editorconfig, **/index.js], { dot: true });fg(patterns, [options])
fg.async(patterns, [options])
fg.glob(patterns, [options])dot 选项例如src/.* 会匹配文件 src/.ignore 文件而 src/* 则不会匹配该文件因为 * 不会匹配以 . 字符开头的文件。
可通过在 options 设置 dot: true让 glob 将 . 视为普通字符。
