带你读《现代TypeScript高级教程》十六、解读TSConfig（2）

带你读《现代TypeScript高级教程》十六、解读TSConfig（1）https://developer.aliyun.com/article/1348437?groupCode=tech_library

6）sourceMap

sourceMap 选项用于生成与源代码对应的源映射文件（.map 文件），以便在调试过程中可以将编译后的 JavaScript 代码映射回原始 TypeScript 代码。

"compilerOptions": {
  "sourceMap": true}

7）paths

paths 选项用于配置模块解析时的路径映射，可以帮助我们简化模块导入的路径。

"compilerOptions": {
  "paths": {
    "@/*": ["src/*"]
  }}

8）allowJs

allowJs 选项允许在 TypeScript 项目中引入 JavaScript 文件，使得我们可以混合使用 TypeScript 和 JavaScript。

"compilerOptions": {
  "allowJs": true}

9）esModuleInterop 和 allowSyntheticDefaultImports

esModuleInterop 属性用于提供对 ES 模块的兼容性支持。当我们在 TypeScript 项目中引入 CommonJS 模块时，可以通过设置 esModuleInterop 为 true 来避免引入时的错误。

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "lib": ["es6", "dom"],
    "outDir": "dist",
    "rootDir": "src",
    "strict": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true
  }}

在上面的示例中，我们设置了 esModuleInterop 和 allowSyntheticDefaultImports 属性为 true，以支持对 ES 模块的兼容性导入。

更多的 compilerOptions 配置选项可以参考 TypeScript 官方文档：Compiler Optionsopen in new window.

3.include 和 exclude

include 和 exclude 配置选项用于指定哪些文件应该包含在编译过程中，以及哪些文件应该排除在编译过程之外。

include 是一个文件或者文件夹的数组，用于指定需要编译的文件或文件夹的路径模式。

"include": [
  "src/**/*.ts",
  "test/**/*.ts"]

exclude 是一个文件或者文件夹的数组，用于指定需要排除的文件或文件夹的路径模式。

"exclude": [
  "node_modules",
  "dist"]

在上述示例中，我们将 src 文件夹和 test 文件夹下的所有 TypeScript 文件包含在编译过程中，并排除了 node_modules 文件夹和 dist 文件夹。

4.文件引用和 composite

files 配置选项允许我们显式列出需要编译的文件路径。

"files": [
  "src/main.ts",
  "src/utils.ts"]

composite 配置选项用于启用 TypeScript 的项目引用功能，允许我们将一个 TypeScript 项目作为另一个项目的依赖。

"composite": true

5.declaration

declaration 配置选项用于生成声明文件（.d.ts 文件），它们包含了编译后 JavaScript 代码的类型信息。

"declaration": true

带你读《现代TypeScript高级教程》十六、解读TSConfig（3）https://developer.aliyun.com/article/1348435?groupCode=tech_library