tsconfig. Role of JSON file

The main role ：
General documents include us ts Code time , It will have such a file , This ts.json File is ts A profile for ,
We need to know this first ts The document will eventually be transferred to us js Of documents .

The transformation process ：

1. First pair ts Make a compilation of the code , See if there is any problem with the basic grammar
2. If the basic grammar is ok , Making a transformation
3. After transformation, we get our js file

// Compilation options 
"compilerOptions": {
    ` Insert a code chip here `
    // Object code （ts-->js(es6/6/7)
    "target": "esnext",
    //  The modularity scheme that the object code needs to use （commonjs require/module.export),umd  Will support a variety of modularity 
    "module": "esnext",
    // Strict mode , Strict inspection 
    "strict": true,
    // Do you want to be right jsx  How to deal with 
    "jsx": "preserve",
  //  according to node To parse the module  import"/index.node"
    "moduleResolution": "node",
    //  Skip type detection of the entire library 
    "skipLibCheck": true,
    // export default/module.export={} Can it be mixed 
    // es module  and  commonjs
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "forceConsistentCasingInFileNames": true,
    "useDefineForClassFields": true,
    //  Do you want to generate a mapping file （ts-->js)
    "sourceMap": true,
    //  When parsing the file path , basic url
    "baseUrl": ".",
    //  Specify the type to be resolved 
    "types": ["webpack-env"],
    //  Compile time path resolution ( Similar to  webpack alias)
    "paths": {
    
      "@/*": ["src/*"],
      "components/*":["src/components/*"]
    },
    //  You can specify which library types can be used in the project 
    "lib": ["esnext", "dom", "dom.iterable", "scripthost"]
  },

  "include": [
    "src/**/*.ts",
    "src/**/*.tsx",
    "src/**/*.vue",
    "tests/**/*.ts",
    "tests/**/*.tsx"
  ],
  "exclude": ["node_modules"]