TypeScript学习笔记(11)——tsconfig.json

tsconfig.json是TypeScript项目的配置文件,用来指定编译这个项目的一些配置,该配置文件一般放到TypeScript项目的根目录中。

初学者都会用 tsc xxxx.ts 来编译ts文件,那如何使用tsconfig.json的配置编译ts文件呢?
a,当命令上不带文件时,编译器会从当前目录开始逐级往上寻找tsconfig.json文件来配置编译。比如将要编译的ts文件路径写到tsconfig.json里面的“files”配置里,直接在tsconfig.json所在目录运行 tsc 即可用tsconfig.json的配置编译配置好的ts文件
b,命令上不带文件,且命令行中有–project(-p)指定一个包含tsconfig.json的文件目录
所以,当命令行包含文件时,tsconfig.json会被忽略

tsconfig.json文件生成:
在Typescript项目根目录下运行tsc --init 会自动生成tsconfig.json文件

tsconfig.json常见配置说明:
(可参考官方编译配置说明文档:https://www.tslang.cn/docs/handbook/compiler-options.html

{
  "compilerOptions": {
    "target": "es6",//指定ECMAScript目标版本,默认'es3'
    "module": "commonjs", //指定生成哪个模块系统代码: "None","CommonJS", "AMD", "System","UMD", "ES6"或 "ES2015"。
    "strict": true,  //使用启用严格类型检查
    "esModuleInterop": true, //通过为导入内容创建命名空间,实现CommonJS和ES模块之间的互操作性 
    "forceConsistentCasingInFileNames": true //是否禁止对同一个文件的不一致的引用。
  },
  "lib": [  //编译过程中需要引入的库文件的列表
    "dom",
    "es8"
   ],
   "files": [ //需要编译的文件列表
     "orginType.ts"
   ]
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值