TypeScript 第四天,TypeScript的编译选项(一)

自动编译文件

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

TypeScript 复制代码
tsc xxx.ts -w

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

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

配置tsconfig.json文件解释

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

include

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

json 复制代码
"include":["src/**/*", "tests/**/*"]

上面就是我们希望被编译文件的目录,其中**表示在任意目录,*就是任意文件了。上面指出在我们的srctests目录中的所有文件夹下的所有文件都希望被编译。 默认值 我们的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的编译选项。我们下次见,谢谢大家观看。

相关推荐
倔强青铜三2 分钟前
苦练Python第4天:Python变量与数据类型入门
前端·后端·python
倔强青铜三10 分钟前
苦练Python第3天:Hello, World! + input()
前端·后端·python
上单带刀不带妹11 分钟前
JavaScript中的Request详解:掌握Fetch API与XMLHttpRequest
开发语言·前端·javascript·ecmascript
倔强青铜三28 分钟前
苦练Python第2天:安装 Python 与设置环境
前端·后端·python
我是若尘42 分钟前
Webpack 入门到实战 - 复习强化版
前端
晓13131 小时前
JavaScript基础篇——第五章 对象(最终篇)
开发语言·前端·javascript
倔强青铜三1 小时前
苦练Python第1天:为何要在2025年学习Python
前端·后端·python
满分观察网友z1 小时前
uniapp使用video实现沉浸式在线课程学习平台
前端
当牛作馬2 小时前
React——ant-design组件库使用问题记录
前端·react.js·前端框架