前言
如果你是一位前端开发者，那么你一定使用过 TypeScript。TypeScript 是一个强类型的 JavaScript 版本，它给予了前端开发者更好的代码提示和静态类型检查，让开发更加高效和稳定。
在使用 TypeScript 时，tsconfig.json 文件是一个非常重要的配置文件。它可以帮助你指定编译器如何编译你的 TypeScript 代码。
在这篇文章中，我们将会讲解如何使用 tsconfig.json 文件，包括各种选项的含义和用法，并提供一些示例代码。
安装
tsconfig.json 文件默认是不会被创建的，我们需要手动创建一个。首先，在你的项目根目录下创建一个新的文件夹，然后打开终端窗口，输入以下命令：
--- ---- --
这个命令将会创建一个 package.json 文件。接着，我们可以通过以下命令安装 TypeScript：
--- ------- ---------- ----------
完成安装之后，我们就可以开始创建 tsconfig.json 文件了。
创建 tsconfig.json 文件
我们可以通过以下命令来初始化一个默认的 tsconfig.json 文件：
--- --- ------
执行这个命令之后，我们就可以在项目根目录下看到一个名为 tsconfig.json 的文件。现在，让我们来深入了解这个文件的每个选项。
tsconfig.json 文件的选项
compilerOptions
这是 tsconfig.json 文件中最重要的一个选项。它定义了 TypeScript 编译器的各种配置选项。以下是常用的几个选项：
target: 指定 TypeScript 编译的目标版本。例如，"es5"表示编译成 ES5 代码，"es6"表示编译成 ES6 代码。默认值是"es3"。module: 指定编译器将会使用哪种模块系统。例如，"commonjs"表示编译成 CommonJS 模块，"es2015"表示编译成 ES6 模块。默认值是"commonjs"。lib: 指定编译器可以使用的库文件。例如，"es6"表示可以使用 ES6 标准库。默认值是空数组。outDir: 指定编译器输出文件的目录。strict: 启用所有严格类型检查选项。建议在生产环境中启用此选项。
更多的选项可以参考 TypeScript 官方文档。
以下是一个示例的 compilerOptions 选项：
------------------ - --------- ------ --------- --------- ------ ------- ------- --------- --------- --------- ---- -
include 和 exclude
这两个选项用于指定哪些文件应该被编译，哪些文件应该被排除。它们的值是一个字符串数组，可以包含多个匹配模式。
以下是一个示例：
---------- - ------------ -- ---------- - --------------- -------------- -
上面的示例中，include 选项告诉编译器只编译 ./src 目录下的文件，而 exclude 选项告诉编译器不要编译任何 .spec.ts 文件以及 node_modules 目录下的文件。
files
该选项允许你手动指定需要编译的 TypeScript 文件列表。如果你使用了这个选项，那么 include 和 exclude 选项将会被忽略。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/48843