TypeScript学习02

编译选项 自动编译文件

        原来的时候，你修改一下xxx.ts文件里面的内容，对应的xxx.js里面的内容不会自动随着变化，需要你手动进行编译之后才能更新xxx.js里面的内容

解决方法：

        使用 -w命令，这样TS编译器会自动监视文件的变化，并在文件变化时对文件进行重新编译，例如 tsc xxx.ts -w，然后后续你更改xxx.ts文件中的内容，对应的xxx.js里面的内容也会随之改变，不过不是立即变化的，有一定的时间差

存在的问题：

        上述只会更新xxx.ts对应的xxx.js文件，其他的文件，比如yyy.ts对应的yyy.js则不会发生变化

解决方法：

        自动编译整个项目

自动编译整个项目

目的：

        只需要执行一次tsc指令，就可以将项目下的所有文件都编译成对应的js文件

语法：

        直接在终端输入tsc

使用的前提：

需要进行相应的配置， 在项目的根目录下创建tsc的配置文件tsconfig.json

然如果想监视整个项目中文件的变化，并进行编译，使用语法形式为tsc -w

tsconfig.json配置选项

        是ts编译器的配置文件，ts编译器可以根据它的信息来对代码进行编译

include

        ① 用来指定哪些ts文件需要被编译

        ② 示例： "include": ["./src/**/*", "tests/**/*"]

        ③ 解释： 所有src目录和tests目录下的文件都会被编译

        ④ 注解： ** 表示任意目录  *表示任意文件

exclude

        ① 用来指定哪些文件不用编译

        ② 实例： "exclude": ["./src/hello/**/*"]

        ③ 解释： src目录下的文件都不会被编译

extends

        自行百度

files

        自行百度

compilerOptions

        ① 编译选项是配置文件非常重要也比较复杂的配置选项

        ② 子选项target： 用来指定ts被编译为ES的版本，例如ES6

        ③ module：用来指定使用的模块化的规范，例如es2016、commonjs、cmd、amd

        ④ lib： 用来指定项目中需要的库（宿主环境），这样的话，根据这些库去检查你的代码

        ⑤ outDir：用来指定编译后文件所在的目录

                "outDir": "./dist"    这样的话编译后会有一个和src并列的新文件dist，用来放src里面的ts文件编译后得到的js文件

        ⑥ outFile：用来将代码合并为一个文件，设置这个后，所有全局作用域中的代码都会合并到同一个文件中，比如a.ts和 b.ts编译后本来得到两个js文件，但是使用outFile后就得到一个js文件

（注意，如果a.ts和b.ts中有引入一些模块，那么编译后报错，这个时候需要设置 "module": "system"  ）

        ⑦ allowJs： 是否对js文件进行编译，默认是false，不编译，比如说src下面有a.ts和 b.ts以及c.js，但是设置为false后，编译后在dist文件夹下，只有a.js  和 b.js

        ⑧ checkJs：是否检查js代码是否符合语法规范，默认是false

        ⑨ removeComments： 是否移出注释，默认情况下为false