PJCHENder 未整理筆記

[TS] TypeScript Config File

2020-06-18

[TS] TypeScript Config File (Configuration)

此篇為各筆記之整理,非原創內容,資料來源可見下方連結與文後參考資料。

如果是用 VS Code 的話,滑鼠移上去 property 就會顯示每個設定的描述:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
// tsconfig.json
{
"compilerOptions": {
"target": "es5",
"lib": ["dom", "dom.iterable", "esnext"],
"baseUrl": "./", // 匯入模組時,路徑可以使用從 baseUrl 開始,而不需要 ./../ 這種寫法
"rootDir": "src", // ts 檔會放置的最外層目錄
"allowJs": false, // 是否允許匯入 js 檔
"skipLibCheck": true,
"esModuleInterop": true,
"allowSyntheticDefaultImports": true,
"strict": true,
"module": "esnext",
"moduleResolution": "node",
"resolveJsonModule": true,
"isolatedModules": true,
"noEmit": true, // 不要產生編譯後的結果(讓其他編譯器 babel 去作用)僅讓 editor 可以做檢查
"jsx": "react",
"sourceMap": true,
"declaration": true,
// "incremental": true, // 儲存前一次的編譯資訊
"importHelpers": true,
"experimentalDecorators": true,
"forceConsistentCasingInFileNames": true, // 確保檔案的大小寫一致,避免某些作業系統對大小寫不敏感

/* 語法上避免錯誤的檢查 */
"noUnusedLocals": true,
"noUnusedParameters": true,
"noFallthroughCasesInSwitch": true // 確保 switch case 都會有 break 或 return
},
"include": ["src/**/*"],
"exclude": ["node_modules", "build", "scripts"]
}

掃描二維條碼,分享此文章