我新建了一個 Angular 應用，自動生成的 tsconfig.json 檔案裡，target 為 es2017，module 為 es2018.

![](https://img-blog.csdnimg.cn/img_convert/889ae5e110a73d524c5bd6aaeb46ee49.png)

而 Spartacus 應用裡，target 僅為 es5：
![](https://img-blog.csdnimg.cn/img_convert/67814fd19880811df85c1777c511aa1a.png)

現代瀏覽器支援所有 ES6 特性，所以 ES6 是一個不錯的選擇。如果您的程式碼部署到較舊的環境，您可以選擇設定較低的目標，或者如果您的程式碼保證在較新的環境中執行，則可以選擇設定更高的目標。

目標設定改變了哪些 JS 特性被降級，哪些保持不變。例如，如果目標是 ES5 或更低版本，箭頭函式 () => this 將被轉換為等效的函式表示式。

比如 Spartacus ng build 出來之後的 .js 檔案裡，所有的箭頭函式被轉換為普通的 function 用法：
![](https://img-blog.csdnimg.cn/img_convert/6d9e83458770385729f53ccd200f29b1.png)

![](https://img-blog.csdnimg.cn/img_convert/3cab47b29cea1e15276d19d4531ac29e.png)

更改目標也會更改 lib 的預設值。您可以根據需要“混合和匹配”目標和庫設定，但為了方便起見，您可以只設定目標。

對於像 Node 這樣的開發者平臺，目標有基線，具體取決於平臺的型別及其版本。您可以在 tsconfig/bases 找到一組社群組織的 TSConfig，其中包含常見平臺及其版本的配置。

特殊的 ESNext 值是指您的 TypeScript 版本支援的最高版本。應謹慎使用此設定，因為它在不同的 TypeScript 版本之間並不意味著相同的事情，並且會使升級更難以預測。

預設情況下，所有可見的“@types”包都包含在您的編譯中。 任何封閉資料夾的 node_modules/@types 中的包都被認為是可見的。 例如，這意味著 ./node_modules/@types/、../node_modules/@types/、../../node_modules/@types/ 等中的包。

如果指定了型別，則僅列出的包將包含在全域性範圍內。 例如：

```json
{
  "compilerOptions": {
    "types": ["node", "jest", "express"]
  }
}
```

此 tsconfig.json 檔案將僅包含 ./node_modules/@types/node、./node_modules/@types/jest 和 ./node_modules/@types/express。 node_modules/@types/* 下的其他包將不包含在內。

關於 Angular 應用 tsconfig.json 中的 target 屬性

相關文章