一、tsconfig.json 的作用

  用于標識 TypeScript 項目的根路徑；
  用于配置 TypeScript 編譯器；
  用于指定編譯的文件。

二、tsconfig.json 重要字段

 files - 設置要編譯的文件的名稱；
 include - 設置需要進行編譯的文件，支持路徑模式匹配；
 exclude - 設置無需進行編譯的文件，支持路徑模式匹配；
 compilerOptions - 設置與編譯流程相關的選項。

三、compilerOptions 選項

compilerOptions 支持很多選項，常見的有 baseUrl、 target、baseUrl、 moduleResolution 和 lib 等。
compilerOptions 每個選項的詳細說明如下：

         {
           "compilerOptions": {
             /* 基本選項 */
             "target": "es5",                       // 指定 ECMAScript 目標版本: 'ES3' (default), 'ES5', 'ES6'/'ES2015', 'ES2016', 'ES2017', or 'ESNEXT'
             "module": "commonjs",                  // 指定使用模塊: 'commonjs', 'amd', 'system', 'umd' or 'es2015'
             "lib": [],                             // 指定要包含在編譯中的庫文件
             "allowJs": true,                       // 允許編譯 javascript 文件
             "checkJs": true,                       // 報告 javascript 文件中的錯誤
             "jsx": "preserve",                     // 指定 jsx 代碼的生成: 'preserve', 'react-native', or 'react'
             "declaration": true,                   // 生成相應的 '.d.ts' 文件
             "sourceMap": true,                     // 生成相應的 '.map' 文件
             "outFile": "./",                       // 將輸出文件合并為一個文件
             "outDir": "./",                        // 指定輸出目錄
             "rootDir": "./",                       // 用來控制輸出目錄結構 --outDir.
             "removeComments": true,                // 刪除編譯后的所有的注釋
             "noEmit": true,                        // 不生成輸出文件
             "importHelpers": true,                 // 從 tslib 導入輔助工具函數(shù)
             "isolatedModules": true,               // 將每個文件做為單獨的模塊 （與 'ts.transpileModule' 類似）.

             /* 嚴格的類型檢查選項 */
             "strict": true,                        // 啟用所有嚴格類型檢查選項
             "noImplicitAny": true,                 // 在表達式和聲明上有隱含的 any類型時報錯
             "strictNullChecks": true,              // 啟用嚴格的 null 檢查
             "noImplicitThis": true,                // 當 this 表達式值為 any 類型的時候，生成一個錯誤
             "alwaysStrict": true,                  // 以嚴格模式檢查每個模塊，并在每個文件里加入 'use strict'

             /* 額外的檢查 */
             "noUnusedLocals": true,                // 有未使用的變量時，拋出錯誤
             "noUnusedParameters": true,            // 有未使用的參數(shù)時，拋出錯誤
             "noImplicitReturns": true,             // 并不是所有函數(shù)里的代碼都有返回值時，拋出錯誤
             "noFallthroughCasesInSwitch": true,    // 報告 switch 語句的 fallthrough 錯誤。（即，不允許 switch 的 case 語句貫穿）

             /* 模塊解析選項 */
             "moduleResolution": "node",            // 選擇模塊解析策略： 'node' (Node.js) or 'classic' (TypeScript pre-1.6)
             "baseUrl": "./",                       // 用于解析非相對模塊名稱的基目錄
             "paths": {},                           // 模塊名到基于 baseUrl 的路徑映射的列表
             "rootDirs": [],                        // 根文件夾列表，其組合內(nèi)容表示項目運行時的結構內(nèi)容
             "typeRoots": [],                       // 包含類型聲明的文件列表
             "types": [],                           // 需要包含的類型聲明文件名列表
             "allowSyntheticDefaultImports": true,  // 允許從沒有設置默認導出的模塊中默認導入。

             /* Source Map Options */
             "sourceRoot": "./",                    // 指定調(diào)試器應該找到 TypeScript 文件而不是源文件的位置
             "mapRoot": "./",                       // 指定調(diào)試器應該找到映射文件而不是生成文件的位置
             "inlineSourceMap": true,               // 生成單個 soucemaps 文件，而不是將 sourcemaps 生成不同的文件
             "inlineSources": true,                 // 將代碼與 sourcemaps 生成到一個文件中，要求同時設置了 --inlineSourceMap 或 --sourceMap 屬性

             /* 其他選項 */
             "experimentalDecorators": true,        // 啟用裝飾器
             "emitDecoratorMetadata": true          // 為裝飾器提供元數(shù)據(jù)的支持
           }
         }