TypeScript---编译选项

本文介绍了TypeScript的自动编译,包括如何自动编译单个文件和整个项目。通过添加`-w`指令,编译器可以监视文件变化并实时重编译。同时,创建`tsconfig.json`配置文件后,使用`tsc`命令能自动编译项目中的所有`.ts`文件。配置文件中包含`include`、`exclude`、`extends`、`files`和`compilerOptions`等选项,用于定制编译过程。
摘要由CSDN通过智能技术生成

自动编译文件

编译文件时,使用-w指令后,TS编译器会自动监视文件的变化,并在文件发生变化时对文件进行重新编译。

tsc xxx.ts -w

自动编译整个项目

  • 如果直接使用tsc指令,则可以自动将当前项目下的所有ts文件编译为js文件。
  • 但是能直接使用tsc命令的前提时,要现在项目根目录下创建一个ts的配置文件tsconfig.json。
  • tsconfig.json是一个JSON文件,添加配置文件后,只需要tsc命令即可完成对整个项目的编译。
  • 配置选项:

include

O--->定义希望被编译文件所在的目录
        O--->默认值:["**/*"]
        O--->示例:
                "include":["src/**/*"]
                ---所有src目录下的文件都会被编译

exclude

O--->定义需要排除在外的目录
        O--->默认值:["node_modules", "bower_components", "jspm_packages"]
        O--->示例:
                "exclude": ["./src/hello/**/*"]
                ---src下hello目录下的文件都不会被编译

extends

O--->定义被继承的配置文件
        O--->示例:
                "extends": "./configs/base"
                ---当前配置文件中会自动包含config目录下base.json中的所有配置信息

files

O--->指定被编译文件的列表,只有需要编译的文件少时才会用
        O--->示例:             
                "files": [
                    "core.ts",
             
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值