Tsconfig of typescript TS basics JSON configuration options

tsc xxx.ts  // compile xxx.ts file

tsc xxx.ts -w  // Compile and monitor xxx.ts file

tsc // Compile all ts file , The premise is that there is tsconfig.json

tsc -w  // Compile and monitor all ts file , The premise is that there is tsconfig.json

tsconfig.json yes ts Configuration file for , You can write notes inside , The common configuration options are as follows ：

 1. include： Define the directory where you want to compile the file , The default value is ['**/*'],** Represents any directory ,* Represents any file

"include": [ "./src/**/*" ]

2. exclude： No need to compile the file directory , The default value is ["node_modules", "bower_components", "jspm_packages"]

"exclude": [ "./src/hello/**/*" ]

3.extends： Define the inherited configuration file , Introduce configuration items that you don't want to write repeatedly

"extends": "./configs/base"

4. files： Specify the list of compiled files , Applicable when there are few compiled files

"files": [
    "core.ts",
    "tsc.ts",
    ...
]

5. compilerOptions Compiler options

"compilerOptions": {
    "target": "ES3", // Used to specify ts Compiled as es Version of , The value is es edition （ See note below ）
    "module": "commonjs", // Specify the modular specification to use （ See the following annotation for the value ）
    "lib": ["es6", "dom"], // Used to specify the library to be used in the project , The front-end running code does not need to change its default value 
    "outDir": "./dist", // Specify the directory where the compiled files are located 
    "outFile": "./dist/app.js", // Merge the code into one file , All the code in the global scope will be merged into one file , If you want to merge multiple modules , Need to put module To change the value of amd or system, This function can be completed in combination with packaging tools 
    "allowJs": false, // Whether the js File for compilation , The default is false
    "checkJs": false, // Whether to check js Whether the code is syntactically correct , The default is false
    "removeComments": false, // Remove comments 
    "noEmit": true, // Do not generate compiled files , The default value is false
    "noEmitOnError": false, // When there are mistakes , Do not generate compiled files , Default false

    "strict": false, // All strictly checked master switches , The four main switches set below 
    "alwaysStrict": false, // Used to set whether the compiled file uses strict mode , Default false
    "noImplicitAny": false, // Implicit is not allowed any type , Default false
    "noImlicitThis": false, // It is not allowed to be of indefinite type this, Default false
    "strictNullChecks": false, // Strictly check for null values 
}
    

notes ：

1.es Current version value ：'es3', 'es5', 'es6', 'es2015', 'es2016', 'es2017', 'es2018', 'es2019', 'es2020', 'es2021', 'es2022', 'esnext'

2. module The available values are ：'none', 'commonjs', 'amd', 'system', 'umd', 'es6', 'es2015', 'es2020', 'es2022', 'esnext', 'node16', 'nodenext'

3. When "noImlicitThis": true when

function fn(this: Window){ console.log(this) }

4. "strictNullChecks": true when

let box = document.getElementById('box')

box.addEventListener('click', function(){...})  // here box Report errors , Because there may not be id by box The elements of