前言
在前端开发过程中，我们经常需要对文件进行操作。而有些时候，我们只需要对一个目录下的非隐藏文件进行操作，这个时候就需要一个正则表达式来过滤掉所有以 . 开头的文件，例如 .git、.DS_Store 等。这时候，npm 包 dotdir-regex 就能帮助我们。
安装
你可以通过 npm 安装该包：
npm install dotdir-regex
使用方法
dotdir-regex 导出了一个函数，该函数返回一个正则表达式，可以匹配所有不以 . 开头的文件名。
const dotdirRegex = require('dotdir-regex');
console.log(dotdirRegex().test('.git')); // false
console.log(dotdirRegex().test('node_modules')); // false
console.log(dotdirRegex().test('index.html')); // true如上代码所示，使用 dotdirRegex() 函数调用会返回一个正则表达式对象，此时可使用其 test() 方法判断传入字符串是否匹配成功。
深入理解
为了更好地理解 dotdir-regex 的实现原理，让我们一起深入了解以下它的源码。
module.exports = () => /^(?!(?:.*[\\/])?\.).*$/;
如上代码所示，dotdir-regex 导出的是一个函数，该函数返回一个正则表达式对象。所返回的正则表达式如下：
/^(?!(?:.*[\\/])?\.).*$/
这个正则表达式可以分为两部分：
^(?!(?:.*[\\/])?\.)：表示匹配不以.开头的文件名。.*$：表示匹配所有字符直到结束。
具体解释如下：
^：表示匹配字符串的开始。(?!...)：表示否定先行断言，即后面的内容不能匹配括号中的表达式。(?:.*[\\/])?：表示匹配任意数量的字符（除了换行符），后面跟着/或\，最多出现一次。整个表达式使用非捕获组(?:)包裹，表示该组匹配但不捕获结果。\.：表示匹配一个点号。.*：表示匹配任意数量的字符（除了换行符）。$：表示匹配字符串的结束。
因此，整个正则表达式的含义就是，匹配不以 . 开头的文件名。
总结
在前端开发过程中，经常需要对文件进行操作，而有时候我们只需要对一个目录下的非隐藏文件进行操作。这个时候，可以使用 dotdir-regex 这个 npm 包来帮助我们快速地匹配不以 . 开头的文件名。在深入了解 dotdir-regex 的实现原理之后，相信你对它的使用和调试会更加得心应手。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/46871