简介
Globbing 是一种在命令行中指定一组文件时使用的通配符语法。在 TypeScript 中，我们可以使用 Globbing 来指定要编译的文件或者要包含在项目中的文件。
本文将介绍 TypeScript 中 Globbing 的使用方法和优化，并给出一些示例代码，帮助大家更好地理解。
使用 Globbing
在 TypeScript 中，我们可以使用 tsconfig.json 文件来配置编译选项。其中，include 字段用于指定要编译的文件，exclude 字段则用于指定不被编译的文件。
例如，我们想编译 src 目录下的 TypeScript 文件，可以这样配置 tsconfig.json：
{ "compilerOptions": { "outDir": "dist", "target": "es5" }, "include": ["src/**/*.ts"] }
上面的配置中，include 字段值为 ["src/**/*.ts"]，表示包含 src 目录下的所有子目录中的 TypeScript 文件。
除了 * 之外，Globbing 还支持其他通配符，例如：
**：匹配任意数量的子目录?：匹配任意单个字符[]：匹配方括号内的任何一个字符{}：匹配大括号内的任何一个选项!：排除符号
例如，如果我们想排除 src/test 目录和一些特定的文件，可以这样配置：
{ "compilerOptions": { "outDir": "dist", "target": "es5" }, "include": ["src/**/*.ts"], "exclude": ["src/test/**", "src/**/test-*.ts"] }
上面的配置中，exclude 字段包含了两个规则：
"src/test/**"：排除src/test目录中的所有文件和子目录"src/**/test-*.ts"：排除所有以test-开头的文件名，并且文件必须在任意子目录中
优化 Globbing
虽然 Globbing 在 TypeScript 中非常方便，但是如果规则不当，可能会导致编译时间变长或者不必要的文件被编译。
下面介绍一些优化 Globbing 的技巧：
减少 **
Globbing 中的 ** 符号可以匹配任意数量的子目录，但这也意味着 TypeScript 需要遍历整个目录树以找到匹配的文件。
如果我们只需要指定一层子目录，可以使用 * 去匹配：
{ "include": ["src/*/main.ts"] }
上面的配置中，只有 src 目录下的子目录中的 main.ts 文件被编译。
仅匹配存在的文件类型
在 Globbing 中，我们可以指定多个文件类型进行匹配，例如：
{ "include": ["src/**/*.tsx", "src/**/*.ts", "src/**/*.js"] }
但是这会导致 TypeScript 遍历整个目录树，查找所有可能的文件。
如果我们只需要编译存在的文件类型，可以使用 fileExists 选项：
{ "compilerOptions": { "outDir": "dist", "target": "es5", "fileExists": ["src/**/*.tsx", "src/**/*.ts", "src/**/*.js"] } }
上面的配置中，TypeScript 会只搜索指定的文件类型，并跳过不存在的文件。
分离依赖
在 TypeScript 中，我们可以使用 references 字段来指定项目的依赖关系。如果一个项目依赖于另一个项目，则 TypeScript 编译时可以利用这些信息来加速编译过程。
如果我们的项目需要引用第三方的库，可以将这些库独立出来，作为一个单独的项目进行编译。这样在后续的编译中，TypeScript 可以利用 references 字段中的信息来避免重复编译。
{ "files": [], "references": [ { "path": "../foo" }, { "path": "../bar" } ] }
示例代码
下面的代码示例演示了如何使用 Globbing 来编译 TypeScript 项目：
-- -------------------- ---- ------- - ------------------ - --------- ------- --------- ------ ------------------- ------- ------------------- ---- -- -------- --- ------------- --- ---------- --------------- ---------------- ---------- ---------------- ------- -展开代码
上面的配置中，我们指定了 src 目录下的 TypeScript 文件和 test 目录下的测试文件都需要被编译。排除了 node_modules 目录和输出目录 dist。
小结
本文介绍了 TypeScript 中 Globbing 的使用和优化方法，并给出了示例代码。希望这些技巧能帮助读者更好地使用 TypeScript。如果读者有任何问题或建议，欢迎留言讨论。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67b93dfa306f20b3a677af9c
