From 55c1b7836dcda30e11eced0c9c1b4422f4331c74 Mon Sep 17 00:00:00 2001 From: gnu4cn Date: Wed, 3 Apr 2019 17:26:54 +0800 Subject: [PATCH] Finished tsconfig-json.md --- 00_tsconfig-json.md | 127 +++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 126 insertions(+), 1 deletion(-) diff --git a/00_tsconfig-json.md b/00_tsconfig-json.md index d0535ff..f6536fe 100644 --- a/00_tsconfig-json.md +++ b/00_tsconfig-json.md @@ -84,6 +84,131 @@ + `**/` 递归地匹配所有子目录(`**/` recursively matches any subdirectory) -在某个glob模式片段中仅包含了 `*` 或 `.*` 时,那么只有那些扩展被支持的文件才被包含进来(也就是`.ts`、`.tsx`与`.d.ts`,而在`allowJs`被设置为`true`的情况下,也包含`.jx`与`.jsx`)。 +在某个glob模式片段中仅包含了 `*` 或 `.*` 时,那么只有那些扩展被支持的文件才被包含进来(也就是`.ts`、`.tsx`与`.d.ts`,而在`allowJs`被设置为`true`的情况下,也包含`.js`与`.jsx`)。 +而在`files`与`include`都没有指定时,编译器将默认包含其所在目录及子目录下的所有TypeScript文件(`.ts`、`.d.ts`与`tsx`),除了那些使用`exclude`属性所排除的文件。同时若`allowJS`被设置为`true`,那么JavaScript文集(`.js`与`.jsx`)也将包含进来。若有指定`files`与`include`属性,则编译器将包含由这两个属性所包含的文件联合(the union of the files included by those two properties)。在未指定`exclude`属性时,使用编译器选项`outDir`所指定的目录中的文件是排除在外的(Files in the directory specified using the `outDir` compiler option are excluded as long as `exclude` property is not specified)。 +使用`include`所包含的文件,可使用`exclude`属性对其进行过滤。但使用`files`属性显式包含的文件,则不会受到`exclude`的影响而总是会包含进来。在莫有指定`exclude`属性时,就默认排除了`node_modules`、`bower_components`、`jspm_packages`以及``这些目录。 + +那些被`files`或`include`属性包含进来的文件引用到的文件,也将被包含进来。同样,如某个文件`B.ts`被另一个文件`A.ts`引用了,那么除非文件`A.ts`在`exclude`清单中有指明,否则文件`B.ts`也不能被排除在外。 + +请注意编译器不会将那些可能是输出的文件包含进去;比如在输入中包含了`index.ts`时,那么`index.d.ts`与`index.js`就会被排除在外。总体来说,让多个文件只是在扩展名上有所不同,是不好的做法。 + +`tsconfig.json`文件可以是空的,那将对默认包含的所有文件,以默认的编译器选项进行编译(跟前面讲到的一样)。 + +在命令行指定的编译器选项,将覆盖在`tsconfig.json`文件中所指定的那些选项。 + +## `@types`、`typeRoots`与`types` + +默认所有 *可见* 的 `@types` 包在编译中都被包含进去了。任何闭合文件夹的 `node_modules/@types` 里的包,都被视为 *可见* 的(Packages in `node_modules/@types` of any enclosing folder are considered *visible*); 具体来说,那意味着在 `./node_modules/@types/`、`../node/modules/@types/`及`../../node_modules/@types/`等处的包。 + +若指定了 `typeRoots`,那么就 *只有* `typeRoots`下的包将被包含进来了。比如: + +```json +{ + "compilerOptions": { + "typeRoots": ["./typings"] + } +} +``` + +此配置文件将包含在 `./typings` 下的 *所有* 包,而不会包含那些 `./node_modules/@types` 下的包了。 + +在指定了 `types` 属性时,那么就只有所列出的那些包被包含进来。比如: + +```typescript +{ + "compilerOptions": { + "types" : ["node", "lodash", "express"] + } +} +``` + +此`tsconfig.json`文件将 *只* 包含 `./node_modules/@types/node`、`./node_modules/@types/lodash`与`./node_modules/@types/express`。其他位处 `./node_modules/@types/*` 的包不会被包含进来。 + +类型包(a types package)指的是某个带有名为`index.d.ts`文件的文件夹,或某个有着包含了`types`字段的`package.json`文件的文件夹。 + +在`tsconfig.json`中指定`types: []`字段,就关闭了`@types`包的自动包含。 + +请记住只有在使用那些带有全局声明的文件(与将文件声明为模块相反)时,自动包含才是重要的(keep in mind that automatic inclusion is only important if you're using files with global declarations(as opposed to files declared as modules))。比如在使用一条`import "foo"`语句时,TypeScript将在`node_modules`与`node_modules/@types`文件夹中进行查找,以找到`foo`包。 + +## 使用`extends`配置继承 + +**Configuration inheritence with `extends`** + +通过使用`extends`属性,`tsconfig.json`文件可从其他文件继承到配置。 + +在`tsconfig.json`中,`extends`属性是一项顶层属性(与`compilerOptions`、`files`、`include`与`exclude`一起)。`extends`的值是一个包含了到要继承的其他文件的路径的字符串。 + +来自基础文件的配置,将首先载入,随后被继承的配置文件覆盖。如发生了循环继承,编译器将报告错误。 + +继承配置文件中的`files`、`include`与`exclude`将 *覆盖* 基础配置文件中的对应属性(`files`, `include` and `exclude` from the inheriting config file *overwrite* those from the base config file)。 + +在配置文件中找到的所有相对路径,将解析为相对于配置文件原本的位置。 + +比如: + +`configs/base.json`: + +```json +{ + "compilerOptions": { + "noImplicitAny": true, + "strictNullChecks": true + } +} +``` + +`tsconfig.json`: + +```json +{ + "extends": "./config/base", + "files": [ + "main.ts", + "supplemental.ts" + ] +} +``` + +`tsconfig.nostrictnull.json`: + +```json +{ + "extends": "./tsconfig", + "compilerOptions": { + "strictNullChecks": false + } +} +``` + +## 关于 `compileOnSave` 属性 + +加入一个顶层的`compileOnSave`,告诉IDE在保存时生成给定`tsconfig.json`的所有文件。 + +```json +{ + "compileOnSave": true, + "compilerOptions": { + "noImplicitAny": true + } +} +``` + +此特性当前已在 Visual Studio 2015 与 TypeScript 1.8.4 以上版本,以及[atom-typescript](https://github.com/TypeStrong/atom-typescript#compile-on-save)插件中得到支持。 + +## 关于`tsconfig.json`文件的完整结构 + +**Schema** + +可以从 http://json.schemastore.org/tsconfig 查看到。 + + +## 编译器选项 + +| 选项 | 值类型 | 默认值 | 简介 | +| :--- | :----: | :--- | :--- | +| `--allowJs` | `boolean` | `false` | 允许编译JavaScript文件。 | +| `--allowSyntheticDefaultImports` | `boolean` | `module === "system"` 或 `--esModuleInterop` | 允许从那些没有默认导出的模块默认导入。此选项不会影响生成的代码,只做类型检查。| + +更多编译器选项请参考 https://www.typescriptlang.org/docs/handbook/compiler-options.html