使用tsconfig.json文件的目的是什么

tsconfig.json文件 是一个JSON格式的文件，允许我们指定根级文件和不同的编译选项来设置TypeScript项目的编译要求。项目中存在该文件指定了给定目录为TypeScript项目文件夹的根目录。

tsconfig.json文件主要包含以下信息：

• CompilerOptions
• CompileOnSave
• Files
• Include
• Exclude

让我们以一个tsconfig.json文件的示例文件并了解其各个部分的目的。

tsconfig.json

{ 
   "compileOnSave": true, 
   "compilerOptions": { 
        "module": "system", 
        "noImplicitAny": true, 
        "removeComments": true, 
        "allowUnreachableCode": false, 
        "strictNullChecks": true, 
        "outFile": "../JS/TypeScript/HelloWorld.js", 
        "sourceMap": true
   }, 
    "files": [ 
        "program.ts", 
        "sys.ts"
    ], 
    "include": [ 
        "src/**/*"
    ], 
    "exclude": [ 
        "node_modules", 
        "src/**/*.spec.ts"
    ] 
}

compilerOptions – 这是一个属性，允许指定额外的选项给TypeScript编译器。给出了一些编译器选项属性的可选设置列表，这些设置大多数情况下是必需的：

• listFiles
• module
• outDir
• outFile
• rootDir
• sourceRoot
• allowUnreachableCode
• allowJs
• noImplicitUseStrict
• strictNullChecks

{   
“compilerOptions”: {   
“module”: “system”,   
“noImplicitAny”: true,   
“removeComments”: true,   
“allowUnreachableCode”: false,   
“strictNullChecks”: true,   
“outFile”: “../JS/TypeScript/HelloWorld.js”,   
“sourceMap”: true   
}   
} 

compileOnSave – 这是一个属性，可以用来指示IDE自动编译给定的TypeScript文件，并生成相应的输出。

{   
“compileOnSave”: true,   
“compilerOptions”: {   
“module”: “system”,   
“noImplicitAny”: true,   
“removeComments”: true,   
“allowUnreachableCode”: false,   
“strictNullChecks”: true,   
“outFile”: “../JS/TypeScript/HelloWorld.js”,   
“sourceMap”: true   
}   
} 

files- 这是一个属性，给出了编译器将包含的TypeScript文件列表。文件的URL可以是相对的或绝对的。

“files”: [   
“program.ts”,   
“sys.ts”   
] 

include- 这是一个属性，允许您使用模式匹配的通配符包含一系列TypeScript文件。

“include”: [   
“src/**/*”   
] 

exclude – 这是一个属性，允许您使用模式匹配的通配符排除一系列TypeScript文件。

“exclude”: [   
“node_modules”,   
“src/**/*.spec.ts”   
]