在 TypeScript 中排除使用 tsconfig.json 中的模式
使用通配符来排除使用 tsconfig.json 中的模式。 tsconfig.json 文件中的 excludearray
支持通配符来制作 glob 模式。 例如,星号 *
匹配零个或多个不包括目录分隔符的字符。
{
"compilerOptions": {
// ... your compiler options
},
"include": ["src/**/*"],
"exclude": [
"node_modules",
"src/**/*.spec.ts",
"src/**/*.test.ts",
"src/some-directory"
]
}
上面的示例使用 include
选项指定要包含在代码库中的模式。
文件名或指定模式相对于包含
tsconfig.json
文件的目录进行解析。
exclude
数组包含在解析 include
数组时应跳过的文件名或模式。
exclude
选项更改 include
选项查找的内容,有效地从编译中过滤掉一些文件夹或文件。
如果我们不想编译测试,但仍希望在测试文件中启用类型检查,请查看我的另一篇文章 - 从 TypeScript 中的编译中排除测试文件。
include
和 exclude
选项支持 glob 模式的通配符:
-
*
- 匹配零个或多个字符(不包括目录分隔符) -
?
- 匹配任何一个字符(不包括目录分隔符) -
**/
匹配嵌套到任何级别的任何目录
如果我们未在 glob 模式中指定文件扩展名,则仅包含具有受支持扩展名的文件。
默认情况下包含具有以下扩展名的文件:- .ts 、**.tsx** 、**.d.ts** 。
如果我们在 tsconfig.json 选项中将 allowJs
设置为 true,则默认情况下还会包含 .js 和 .jsx 文件。
src/**/*.spec.ts
glob 模式匹配 src 目录中所有扩展名为 .spec.ts 的文件。
{
"compilerOptions": {
// ... your compiler options
},
"include": ["src/**/*"],
"exclude": [
"node_modules",
"src/**/*.spec.ts",
"src/**/*.test.ts",
"src/some-directory"
]
}
无论具有 .spec.ts 扩展名的文件在 src 目录中的确切位置,它都将被排除在外。
请注意
,我们在include
选项中指定了整个 src 目录的内容,因此我们使用exclude
数组来过滤掉一些我们不想编译的目录和文件。
如果我们没有在 tsconfig.json 文件中显式添加排除数组,则它默认为 node_modules 、bower_components 和 jspm_packages。
将模式或文件添加到排除数组并不会阻止文件被包含在代码库中,它会更改包含设置所查找的内容。
例如,如果我们的 exclude
数组中有 src/some-directory 路径并在 src/some-directory/my-file.ts 下创建一个文件,那么如果我们将它的任何导出导入到 正在接受类型检查的文件。
如果将排除的文件添加到 tsconfig.json 文件中的文件选项,则它们最终也可能成为项目的一部分。
如果您不想编译测试,但仍希望在测试文件中启用类型检查,请查看我的另一篇文章 - 从 TypeScript 中的编译中排除测试文件。
相关文章
在 AngularJs 中设置 Select From Typescript 的默认选项值
发布时间:2023/04/14 浏览次数:78 分类:Angular
-
本教程提供了在 AngularJs 中从 TypeScript 中设置 HTML 标记选择的默认选项的解释性解决方案。
在 Angular 中使用 TypeScript 的 getElementById 替换
发布时间:2023/04/14 浏览次数:153 分类:Angular
-
本教程指南提供了有关使用 TypeScript 在 Angular 中替换 document.getElementById 的简要说明。这也提供了在 Angular 中 getElementById 的最佳方法。
在 TypeScript 中使用 try..catch..finally 处理异常
发布时间:2023/03/19 浏览次数:181 分类:TypeScript
-
本文详细介绍了如何在 TypeScript 中使用 try..catch..finally 进行异常处理,并附有示例。
在 TypeScript 中使用 declare 关键字
发布时间:2023/03/19 浏览次数:97 分类:TypeScript
-
本教程指南通过特定的实现和编码示例深入了解了 TypeScript 中 declare 关键字的用途。
在 TypeScript 中 get 和 set
发布时间:2023/03/19 浏览次数:172 分类:TypeScript
-
本篇文章演示了类的 get 和 set 属性以及如何在 TypeScript 中实现它。
在 TypeScript 中格式化日期和时间
发布时间:2023/03/19 浏览次数:161 分类:TypeScript
-
本教程介绍内置对象 Date() 并讨论在 Typescript 中获取、设置和格式化日期和时间的各种方法。
在 TypeScript 中返回一个 Promise
发布时间:2023/03/19 浏览次数:182 分类:TypeScript
-
本教程讨论如何在 TypeScript 中返回正确的 Promise。这将提供 TypeScript 中 Returns Promise 的完整编码示例,并完整演示每个步骤。
在 TypeScript 中定义函数回调的类型
发布时间:2023/03/19 浏览次数:221 分类:TypeScript
-
本教程说明了在 TypeScript 中为函数回调定义类型的解决方案。为了程序员的方便和方便,实施了不同的编码实践指南。
在 TypeScript 中把 JSON 对象转换为一个类
发布时间:2023/03/19 浏览次数:110 分类:TypeScript
-
本教程演示了如何将 JSON 对象转换为 TypeScript 中的类。