编译TS
编译 .ts
文件:
tsc app.ts
执行命令tsc app.ts
可以把 单个文件 app.ts
编译成 app.js
。
这个命令需要每次编译时手动执行。
自动编译文件
tsc app.ts -w
// 或者
tsc app.ts --watch
通常 -w
或 --watch
指令用于启动 TypeScript 编译器的监视模式。
编译文件时,使用 -w
或 --watch
指令后,TS编译器会监视指定的 TypeScript 文件或文件目录。如果任何被监视的文件发生变化,编译器会自动重新编译这些文件,确保生成的 JavaScript 文件始终是最新的。
注意:自动编译在保存代码后才开始执行。
自动编译整个项目
假设项目目录如下:
project/
├── src/
│ ├── index.ts
│ └── utils.ts
├── tsconfig.json
└── dist/
- 在项目根目录下运行
tsc
命令,会自动将当前项目下的所有.ts
文件编译为.js
文件。 - 在项目根目录下运行
tsc -w
命令,编译器会监视 src 目录下的所有.ts
文件。
当对index.ts
或utils.ts
进行修改并保存时,编译器会自动重新编译这些文件,并将生成的 JavaScript 文件输出到 对应的 目录中(这个对应的目录配置在tsconfig.json
)。
以上两个操作能成功实现的前提是:先在项目根目录下创建一个 ts 的配置文件tsconfig.json
。
创建tsconfig.json
文件
- 手动创建:在项目的根目录下创建一个名为
tsconfig.json
的文件。 - 使用命令行工具自动生成:
tsc --init
执行命令后,在当前目录下生成一个 tsconfig.json
文件,其中包含了一些默认的配置选项。
有了tsconfig.json
文件后,即使文件里没有任何配置,也能成功执行 tsc
、tsc -w
、 tsc --watch
命令。
命令执行成功后,.ts
文件和编译后的.js
文件在同一个目录下。
配置 tsconfig.json
tsconfig.json
是 TypeScript 项目的配置文件,用于指定 TypeScript 编译器的编译选项。
ts 编译器可以根据它的信息来对代码进行编译。
基本结构
{
"compilerOptions": {
// 编译器选项
},
"include": [
// 要包含的文件或目录
],
"exclude": [
// 要排除的文件或目录
]
}
配置选项
注意:** 表示任意目录, * 表示任意文件
include
- 指定要包含在编译中的文件或目录。
- 默认值:
["**/*"]
。 include
是一个数组,其中的每个元素可以是以下的形式:- 具体的文件路径:例如
"src/index.ts"
,指定单个 TypeScript 文件。
- 具体的文件路径:例如