對typescript tsconfig.json配置的整理

首先安裝typescript
npm install typescript --save
tsconfig.json

{
  "compilerOptions": {
    "baseUrl": ".", // 工作根目錄
    "rootDir": "src",// 用來指定編譯文件的根目錄，編譯器會在根目錄查找入口文件
    "target": "es5", //target用於指定編譯之后的版本目標
    "lib": [
      "esnext",
      "es7",
      "dom"
    ], //編譯過程中需要引入的庫文件的列表。
    "sourceMap": true, //生成相應的 .map文件。
    "allowJs": true, //允許編譯javascript文件。
    "skipLibCheck": true, //忽略所有的聲明文件（ *.d.ts）的類型檢查。
    "strictNullChecks": false, //在嚴格的 null檢查模式下， null和 undefined值不包含在任何類型里，只允許用它們自己和 any來賦值
    "esModuleInterop": true, //使 typescript 來兼容所有模塊方案的導入。
    "suppressImplicitAnyIndexErrors": true, //阻止 --noImplicitAny對缺少索引簽名的索引對象報錯。查看 issue #1232了解詳情。
    "allowSyntheticDefaultImports": true, //允許從沒有設置默認導出的模塊中默認導入。這並不影響代碼的輸出，僅為了類型檢查。
    "strict": true, //啟用所有嚴格類型檢查選項。 
    "forceConsistentCasingInFileNames": true,//禁止對同一個文件的不一致的引用。
    "noFallthroughCasesInSwitch": true, //報告switch語句的fallthrough錯誤。
    "noImplicitReturns": false, //不是函數的所有返回路徑都有返回值時報錯。
    "noImplicitThis": true, //當 this表達式的值為 any類型的時候，生成一個錯誤。
    "noImplicitAny": false, //在表達式和聲明上有隱含的 any類型時報錯
    "importHelpers": false, //從 tslib 導入輔助工具函數
    "module": "esnext", //指定生成哪個模塊系統代碼
    "moduleResolution": "node", //決定如何處理模塊。或者是"Node"對於
    "resolveJsonModule": true, // 包含導入的模塊.json的擴展。
    "isolatedModules": false, //將每個文件作為單獨的模塊
    "emitDecoratorMetadata": true, //給源碼里的裝飾器聲明加上設計類型元數據。
    "experimentalDecorators": true, //啟用實驗性的ES裝飾器。
    "jsx": "react-jsx", //在 .tsx文件里支持JSX： "React"或 "Preserve"。查看 JSX。
    "paths": {
      "@/*": ["src/*"],
    },
  },
  "include": [
    "src/**/*"
  ], //編譯時需要包含
  "exclude": [
    "node_modules",
    "build",
    "scripts",
    "src/setupTests.ts"
  ] //剔除的文件夾
}

如果你在webpack里面做了縮小檢索范圍@->src ，ts里面也要做相應的處理，否則會報錯