Day 3 设定 tsconfig.json 档

上一篇提到下了 tsc --init 指令之後会创建出一个 tsconfig.json 的档案,这个档案设定了你要如何编译 TypeScript 的档案,今天就来介绍一下如何设定。

点进去 tsconfig.json 之後会看到很~多选项:
https://ithelp.ithome.com.tw/upload/images/20210917/20131989h2DLV7UDJ6.png
(下面还有很多)

不过其实大部分的选项都不是非常的必要 XD,这边介绍几个比较常用到跟有趣的选项。

  1. "target": "es5" : 这个选项是在设定要编译成哪一个版本的 JavaScript,目前预设的是 es5。
  2. "lib": [] : 当这个选项是被注解起来时,代表会有一些默认的设定,比如说如果上面的 target 设定成 es6 的话,就会默认可以使用 es6 才有的 Map(),也会默认所有的 DOM API等等,所以上述的东西都可以直接在 TypeScript 的档案使用,但是如果把注解拿掉之後就必须得放要默认的内容比如说 es6dom 进去才会生效,所以总结,请保留它的注解 XD。
  3. "sourceMap": true : 这个选项是在编译之後会多一个 .map 的档案,让你能在浏览器的 Source 里面同步看到 .ts 的档案,而不只有编译过後的 .js 档,有助於在浏览器 debug 时选择阅读比较好阅读的程序码。
  4. "outDir": "./" : 在比较大型的专案通常都会有 src 跟 dist 这两种资料夹来管理档案,src 里面会放的是 .ts 档案,dist 里面放的是编译过後的 .js 档案。"outDir" 选项就是在设定编译过後的 .js 档要放去哪里,这边就能够设定成 "outDir": "./dist"
  5. "rootDir": "./" : 设定放 .ts 档的根目录,并且会确保 tsc 在编译 .ts 档到 "outDir" 选项指定的资料夹时的资料夹结构会跟 "rootDir" 一致。
  6. "removeComments": true : 这个选项打开时,原本在 .ts 档里头所有的注解都不会在编译後的 .js 档看到。
  7. "noEmitOnError": true : 这个选项在没有打开的时候,即使 .ts 档有错误,但是只要执行 tsc 指令就还是会编译成 .js 的档案。但是如果把这个选项打开之後,只要有某一个 .ts 档里面有错误,所有的 .ts 档通通都不会编译成 .js 档,必须先把错误处理好才行。

以上简单介绍了几个 config 的选项,如果对其他选项有兴趣的朋友可以到 TSConfig Reference 去瞧瞧~

第三天的学习笔记先到这边,谢谢阅读~


<<:  Day6 Data types, Variables, and Operators (Ⅱ)

>>:  Day 03:Android 开发工具

DAY4 Kubernetes丛集资源监-Prometheus 前言

2021 IT铁人赛 DAY4 在昨天我们已经将kubernetes安装好,也建立了一个自己的丛集,...

Day27 Let's ODOO: Backup

Odoo举凡各种设定、操作、权限都储存在自己的PostgreSQL 资料库里,所以我们要迁移服务是非...

Day 14:AWS是什麽?30天从动漫/影视作品看AWS服务应用 -《云端情人》part1

2013年由Spike Jonze执导,《云端情人》作为科幻取向的作品, 意外有别於总是导致灾难毁灭...

[Day2] Jetpack Compose: UI要怎麽排列?

#布局 接续昨天的例子,我们如果新增一个Greeting("Jetpack Compose...

Day 18 CSS <Sprite 精灵图>

1. 为什麽需要精灵图 一个网页中会需要很多小的背景作为修饰,若图像过多服务器频繁接收&发送...