在前端开发的过程中，我们经常会用到一些 npm 包来简化我们的开发流程。@types/glob-to-regexp 就是一个方便的 npm 包，它允许我们通过 glob 语法来匹配字符串，并把 glob 语法转换成正则表达式。
安装
在命令行界面中运行以下命令，即可安装 @types/glob-to-regexp：
npm install @types/glob-to-regexp --save-dev
用法
使用 @types/glob-to-regexp 的基本步骤是：
- 引入库
- 设置 glob rule
- 调用函数获取正则表达式
- 使用正则表达式匹配字符串
引入库
首先，我们需要在代码中引入库，代码如下：
import globToRegExp from "@types/glob-to-regexp";
设置 glob rule
接下来，我们需要设置 glob rule，以便将 glob 语法转换成正则表达式。下面这个例子将会匹配所有包含 "cat" 的字符串：
const rule = "*cat*";
调用函数获取正则表达式
现在，我们已经有了 glob rule，接下来，我们需要使用 @types/glob-to-regexp 中的 globToRegExp 函数来获取正则表达式。
const regexp = globToRegExp(rule, { extended: true });在这个例子中，我们使用了 globToRegExp 函数，将 glob rule 转换成正则表达式。我们还将一个配置对象传递给了 globToRegExp 函数，用于指定要使用的选项。在这个特殊例子中，我们使用了 "extended" 选项，该选项允许我们使用类似正则表达式的语法。
使用正则表达式匹配字符串
现在我们已经有了一个正则表达式，接下来，我们可以使用该正则表达式来匹配一些字符串。下面是一个例子：
const string = "I have a cat"; const result = string.match(regexp);
在这个例子中，我们定义了一个字符串 "I have a cat"，并在这个字符串上调用了 match 函数。我们将 globToRegExp 返回的正则表达式作为参数传递给 match 函数。
示例代码
下面是一个完整的例子，展示了如何使用 globToRegExp 匹配字符串：
-- -------------------- ---- -------
------ ------------ ---- ------------------------
-------- ----------- -
----- ---- - --------
----- ------ - ------------------ - --------- ---- ---
----- ------------- - -
-- ---- - -----
--- --- -- -------
-- ---- ------
-- ---- - ----
--
------------------------------ -- -
-- ---------------------- -
-------------------- --------------
-
---
-
------------在这个例子中，我们首先引入了库、定义 rule 和一个测试字符串数组，然后我们在测试字符串数组中循环，对每个字符串调用 match 函数，并将任何匹配的字符串打印出来。
总结
使用 @types/glob-to-regexp 可以帮助我们将 glob 语法转换成正则表达式。通过上述介绍，我们可以看出使用该库的方法非常简单，可以帮助我们在开发过程中提升效率，提高代码质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f044676403f2923b035be6b