上一篇提到下了 tsc --init
指令之後会创建出一个 tsconfig.json 的档案,这个档案设定了你要如何编译 TypeScript 的档案,今天就来介绍一下如何设定。
点进去 tsconfig.json 之後会看到很~多选项:
(下面还有很多)
不过其实大部分的选项都不是非常的必要 XD,这边介绍几个比较常用到跟有趣的选项。
"target": "es5"
: 这个选项是在设定要编译成哪一个版本的 JavaScript,目前预设的是 es5。"lib": []
: 当这个选项是被注解起来时,代表会有一些默认的设定,比如说如果上面的 target 设定成 es6 的话,就会默认可以使用 es6 才有的 Map(),也会默认所有的 DOM API等等,所以上述的东西都可以直接在 TypeScript 的档案使用,但是如果把注解拿掉之後就必须得放要默认的内容比如说 es6
、dom
进去才会生效,所以总结,请保留它的注解 XD。"sourceMap": true
: 这个选项是在编译之後会多一个 .map 的档案,让你能在浏览器的 Source 里面同步看到 .ts 的档案,而不只有编译过後的 .js 档,有助於在浏览器 debug 时选择阅读比较好阅读的程序码。"outDir": "./"
: 在比较大型的专案通常都会有 src 跟 dist 这两种资料夹来管理档案,src 里面会放的是 .ts 档案,dist 里面放的是编译过後的 .js 档案。"outDir"
选项就是在设定编译过後的 .js 档要放去哪里,这边就能够设定成 "outDir": "./dist"
。"rootDir": "./"
: 设定放 .ts 档的根目录,并且会确保 tsc
在编译 .ts 档到 "outDir"
选项指定的资料夹时的资料夹结构会跟 "rootDir"
一致。"removeComments": true
: 这个选项打开时,原本在 .ts 档里头所有的注解都不会在编译後的 .js 档看到。"noEmitOnError": true
: 这个选项在没有打开的时候,即使 .ts 档有错误,但是只要执行 tsc
指令就还是会编译成 .js 的档案。但是如果把这个选项打开之後,只要有某一个 .ts 档里面有错误,所有的 .ts 档通通都不会编译成 .js 档,必须先把错误处理好才行。以上简单介绍了几个 config 的选项,如果对其他选项有兴趣的朋友可以到 TSConfig Reference 去瞧瞧~
第三天的学习笔记先到这边,谢谢阅读~
<<: Day6 Data types, Variables, and Operators (Ⅱ)
2021 IT铁人赛 DAY4 在昨天我们已经将kubernetes安装好,也建立了一个自己的丛集,...
Odoo举凡各种设定、操作、权限都储存在自己的PostgreSQL 资料库里,所以我们要迁移服务是非...
2013年由Spike Jonze执导,《云端情人》作为科幻取向的作品, 意外有别於总是导致灾难毁灭...
#布局 接续昨天的例子,我们如果新增一个Greeting("Jetpack Compose...
1. 为什麽需要精灵图 一个网页中会需要很多小的背景作为修饰,若图像过多服务器频繁接收&发送...