[JavaScript知识库]二、typescript编译选项

• 自动编译文件

编译文件时，使用-w指令后，ts编译器会自动监听文件的变化，并在文件发生变化时对文件进行编译。示例，tsc xxx.ts -w

• 自动编译整个项目

先在项目根目录下创建一个ts的配置文件tsconfig.json，才能直接使用tsc命令

如果直接使用tsc指令，则可以自动将当前项目下的所有ts文件编译为js文件

• 配置选项：

1、Include

需要被编译ts文件目录；路径**表示任意目录，*表示任意文件；

如：“./src/**/*”

2、Exclude

不需要被编译的文件目录；默认值[“node_modules”,”bower_components”,”jspm_packages”]；一般不需要设置

如：“./src/hello/**/*” 编译打包时，hello文件不被编译

3、extends

定义被继承的配置文件，类似引入一个配置文件

如：“./configs/base” ?表示当前配置文件中会自动包含config目录下base.json中所有的配置信息

4、files

指定被编译的文件列表，只有需要编译的文件少时才会用到

如：files：{

“core.ts”,

“xxx”.ts，

“xxx”.ts，

。。。

}

5、compilerOptions

编译器选项，决定编译器如何去编译ts文件

1. Target 必用指定ts被编译为es的版本，默认值es3；常用“ES6/2015”，esNext表示罪行的es版本，不知道有哪些值，可随便写，让报错，错误信息会返回正确的值。
2. Module必用指定要使用模块化的规范，常用“ES6/2015”；可选值：common JS，UMD，AMD，System，，，
3. Lib 指定项目要使用的库【“dom“,,,】一般浏览器运行可以不用设置。当项目不在浏览器中运行，再node.js或其他环境运行，再改
4. outDir指定编译后文件所在的目录，常用“./dist“
5. outfile将项目编译后/全局作用域的代码合并为一个js文件，常用“./dist/app.js“。但是有多个模块时，想要合并编译代码，需要将module的值设为”amd“或”system“，一般用的不多，合并一般结合打包工具使用
6. allowJs尽量设置。是否对js文件进行编译，默认为false， 常用值true
7. checkJs尽量设置。是否检查js代码是否符合ts的语法规范，默认值为false，常用值true。allowJs和checkJs是一套的，要么都用，要么都不用
8. remove Comment是否移除注释，默认值为false，不移除，不建议修改
9. noEmit不生成编译后的文件
10. noEmitOnError认值为false，不编译
11. alwayStrict设置编译后的文件是否使用严格模式，默认值为false，不使用

js文件中improt/export是导入/引出模块，当代码中有这个模块代码时，js代码会自动进入严格模式

1. noImplicitAny值为true时表示不允许隐式的any类型（声明变量或方法时不写变量类型，默认时隐式的any类型），默认值为false
2. noImplictThis值为true时表示不允许不明确的this，默认值为false
3. strictNullChecks值为true时表示严格检查空值，如a=[]，a.map()检查就会报错，需要写a/a.length ? XXxX这样的三木写法，默认值为false
4. strict所有严格检查的总开关，默认值为false，一般建议设置为true。如果该值为true，相当于alwayStrict/noImplicitAny/noImplictThis/strictNullChecks的值全为true，如果某个值为false，可以在单独设置