1

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",
        ....
    ]
}

Sike
272 声望18 粉丝