TypeScript 编译选项

编译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.tsutils.ts 进行修改并保存时,编译器会自动重新编译这些文件,并将生成的 JavaScript 文件输出到 对应的 目录中(这个对应的目录配置在tsconfig.json)。

以上两个操作能成功实现的前提是:先在项目根目录下创建一个 ts 的配置文件tsconfig.json

创建tsconfig.json文件

  • 手动创建:在项目的根目录下创建一个名为 tsconfig.json 的文件。
  • 使用命令行工具自动生成:
tsc --init

执行命令后,在当前目录下生成一个 tsconfig.json 文件,其中包含了一些默认的配置选项。

有了tsconfig.json 文件后,即使文件里没有任何配置,也能成功执行 tsctsc -wtsc --watch命令。
命令执行成功后,.ts文件和编译后的.js文件在同一个目录下。
在这里插入图片描述

配置 tsconfig.json

tsconfig.json是 TypeScript 项目的配置文件,用于指定 TypeScript 编译器的编译选项。
ts 编译器可以根据它的信息来对代码进行编译。

基本结构

{
   
   
  "compilerOptions": {
   
   
    // 编译器选项
  },
  "include": [
    // 要包含的文件或目录
  ],
  "exclude": [
    // 要排除的文件或目录
  ]
}

配置选项

注意:** 表示任意目录, * 表示任意文件

include

  • 指定要包含在编译中的文件或目录。
  • 默认值:["**/*"]
  • include是一个数组,其中的每个元素可以是以下的形式:
    • 具体的文件路径:例如 "src/index.ts",指定单个 TypeScript 文件。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值