TypeScript 第四天，TypeScript的编译选项（一）

自动编译文件

在TypeScript中我们如果每次修改都要重新编译执行，这样会降低我们的效率，所以我们TypeScript在执行编译文件的时候可以自动监听文件的变化从而自动编译文件。下面我们看一个例子：

TypeScript 复制代码

tsc xxx.ts -w

这个-w就是一个自动监听的命令。那么我们又有问题了，这只是一个文件我们可以用-w，可是我们一个项目有成千上万个文件，如何处理？

别急，我们可以使用tsconfig.json文件来控制，接下来我们详细聊聊如何使用这个文件并理解如何自动编译整个项目

这个tsconfig.json通常放在我们的根目录，方便找到，具体参数设置如下：

include是定义希望被编译文件所在的目录，举个例子：

json 复制代码

"include":["src/**/*", "tests/**/*"]

上面就是我们希望被编译文件的目录，其中**表示在任意目录，*就是任意文件了。上面指出在我们的src和tests目录中的所有文件夹下的所有文件都希望被编译。 默认值 我们的include的默认值是：["**/*"],也就是当前目录下的所有文件都希望被编译。

exclude指的是定义需要排除在外的目录，下面我们看一个示例：

json 复制代码

"exclude": ["./src/hello/**/*"]

上面代码就是说将当前目录下src文件夹下的hello文件夹下的所有文件要排除在被编译的目录中。 默认值 当然了我们exclude选项也是有默认值的，他的默认值是["node_modules", "bower_components", "jspm_packages"]

extends指的是定义被继承的配置文件。意思就是说如果我们的tsconfig.json文件过多的时候，我们可以使用继承来写。如下所示：

json 复制代码

"extends": "./configs/base"

上面的意思是说，当前配置文件中的配置会自动引入configs/base配置文件中的内容。这里我们要注意一下，如果继承多个配置文件我们就需要用数组来存放了，具体如下：

json 复制代码

"extends": [
    "./configs/base",
    "./configs/base1"
    ...
]

默认值 这里的extends是没有默认值的。也就是说不写extends不会继承任何配置文件。

好了，今天就先写到这里，明天我们继续写TS的编译选项。我们下次见，谢谢大家观看。