自动编译文件
在TypeScript
中我们如果每次修改都要重新编译执行,这样会降低我们的效率,所以我们TypeScript
在执行编译文件的时候可以自动监听文件的变化从而自动编译文件。下面我们看一个例子:
TypeScript
tsc xxx.ts -w
这个-w
就是一个自动监听的命令。 那么我们又有问题了,这只是一个文件我们可以用-w
,可是我们一个项目有成千上万个文件,如何处理?
别急,我们可以使用tsconfig.json
文件来控制,接下来我们详细聊聊如何使用这个文件并理解如何自动编译整个项目
配置tsconfig.json文件解释
这个tsconfig.json通常放在我们的根目录,方便找到,具体参数设置如下:
include
include
是定义希望被编译文件所在的目录,举个例子:
json
"include":["src/**/*", "tests/**/*"]
上面就是我们希望被编译文件的目录,其中**
表示在任意目录,*
就是任意文件了。上面指出在我们的src
和tests
目录中的所有文件夹下的所有文件都希望被编译。 默认值 我们的include
的默认值是:["**/*"]
,也就是当前目录下的所有文件都希望被编译。
exclude
exclude
指的是定义需要排除在外的目录,下面我们看一个示例:
json
"exclude": ["./src/hello/**/*"]
上面代码就是说将当前目录下src
文件夹下的hello
文件夹下的所有文件要排除在被编译的目录中。 默认值 当然了我们exclude
选项也是有默认值的,他的默认值是["node_modules", "bower_components", "jspm_packages"]
extends
extends
指的是定义被继承的配置文件。意思就是说如果我们的tsconfig.json
文件过多的时候,我们可以使用继承来写。如下所示:
json
"extends": "./configs/base"
上面的意思是说,当前配置文件中的配置会自动引入configs/base
配置文件中的内容。这里我们要注意一下,如果继承多个配置文件我们就需要用数组来存放了,具体如下:
json
"extends": [
"./configs/base",
"./configs/base1"
...
]
默认值 这里的extends
是没有默认值的。也就是说不写extends不会继承任何配置文件。
好了,今天就先写到这里,明天我们继续写TS的编译选项
。我们下次见,谢谢大家观看。