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的编译选项。我们下次见,谢谢大家观看。

相关推荐
烛阴18 分钟前
WebSocket实时通信入门到实践
前端·javascript
草巾冒小子21 分钟前
vue3实战:.ts文件中的interface定义与抛出、其他文件的调用方式
前端·javascript·vue.js
DoraBigHead1 小时前
你写前端按钮,他们扛服务器压力:搞懂后端那些“黑话”!
前端·javascript·架构
Xiaouuuuua2 小时前
一个简单的脚本,让pdf开启夜间模式
java·前端·pdf
@Dream_Chaser2 小时前
uniapp ruoyi-app 中使用checkbox 无法选中问题
前端·javascript·uni-app
深耕AI2 小时前
【教程】在ubuntu安装Edge浏览器
前端·edge
倔强青铜三2 小时前
苦练Python第4天:Python变量与数据类型入门
前端·后端·python
倔强青铜三2 小时前
苦练Python第3天:Hello, World! + input()
前端·后端·python
上单带刀不带妹2 小时前
JavaScript中的Request详解:掌握Fetch API与XMLHttpRequest
开发语言·前端·javascript·ecmascript
倔强青铜三2 小时前
苦练Python第2天:安装 Python 与设置环境
前端·后端·python