Typescript-tsconfig.json

typescript之旅

1.TypeScript-Basic
2.TypeScript interface
3.Typescript-module(1)
4.TypeScript Modules(2)
5.Typescript tsconfig
6.TypeScript Functions
7.Typescript Class

tsconfig.json

• 如果一個目錄下存在一個tsconfig.json檔案，那麼它意味著這個目錄是TypeScript專案的根目錄

• tsconfig.json檔案中指定了用來編譯這個專案的根檔案和編譯選項

tsconfig.json的兩種使用方式

• 在當前目錄下輸入tsc命令，編譯器會從當前目錄開始去查詢tsconfig.json檔案，逐級向上搜尋父目錄

• tsc -project（或-p）指定一個包含tsconfig.json檔案的目錄

示例

• compilerOptions(編譯選項)

非必需，編譯器會使用預設值

• files

非必需，編譯器會預設包含當前目錄及子目錄下的所有TypeScript檔案（.ts 或 .tsx）。 如果提供了”files”屬性值，只有指定的檔案會被編譯。

• exclude

非必需,如果指定了”exclude”選項，編譯器會包含當前目錄及子目錄下的所有TypeScript檔案（.ts 或 .tsx），不包括這些指定要排除的檔案。

注意

• “files”選項不能與”exclude”選項同時使用。如果同時指定了兩個選項的話，只有”files”會生效。

• 命令列上提供的編譯選項會覆蓋tsconfig.json檔案中的對應選項。

編譯選項

常用：

選項	描述
–sourceMap	生成相應的`.map`檔案。
–outDir	指定–outFile的目錄
–outFile	將輸出檔案合併為一個檔案。合併的順序是根據傳入編譯器的檔案順序和///<reference“>和import的檔案順序決定的。檢視輸出檔案順序檔案瞭解詳情。
–module	`commonjs`，`amd`，`system`，或 `umd`。只有`amd`和`system`能和–outFile一起使用。

{
    "compilerOptions": {
        "noImplicitAny": true,
        "declaration": true,
        "module": "system",
        "outDir": "lib",
        "out": "lib/state.com.js"
    },
    "files": [
        "src/header.ts",
        ....
    ]
}