tsc 命令行编译器

怎么编译typescript代码

tsc 命令行编译器

简介

tsc 是 TypeScript 官方的命令行编译器，用来检查代码，并将其编译成 JavaScript 代码。

tsc 默认使用当前目录下的配置文件tsconfig.json，但也可以接受独立的命令行参数。命令行参数会覆盖tsconfig.json，比如命令行指定了所要编译的文件，那么 tsc 就会忽略tsconfig.json的files属性。

tsc 的基本用法如下。

# 使用 tsconfig.json 的配置
$ tsc
 
# 只编译 index.ts
$ tsc index.ts
 
# 编译 src 目录的所有 .ts 文件
$ tsc src/*.ts
 
# 指定编译配置文件
$ tsc --project tsconfig.production.json
 
# 只生成类型声明文件，不编译出 JS 文件
$ tsc index.js --declaration --emitDeclarationOnly
 
# 多个 TS 文件编译成单个 JS 文件
$ tsc app.ts util.ts --target esnext --outfile index.js

命令行参数

tsc 的命令行参数，大部分与 tsconfig.json 的属性一一对应。

下面只是按照首字母排序，简单罗列出主要的一些参数，详细解释可以参考《tsconfig.json 配置文件》一章。

--all：输出所有可用的参数。

--allowJs：允许 TS 脚本加载 JS 模块，编译时将 JS 一起拷贝到输出目录。

--allowUnreachableCode：如果 TS 脚本有不可能运行到的代码，不报错。

--allowUnusedLabels：如果 TS 脚本有没有用到的标签，不报错。

--alwaysStrict：总是在编译产物的头部添加use strict。

--baseUrl：指定非相对位置的模块定位的基准 URL。

--build：启用增量编译。

--checkJs：对 JS 脚本进行类型检查。

--declaration：为 TS 脚本生成一个类型生成文件。

--declarationDir：指定生成的类型声明文件的所在目录。

--declarationMap：为.d.ts文件生成 SourceMap 文件。

--diagnostics：构建后输出编译性能信息。

--emitBOM：在编译输出的 UTF-8 文件头部加上 BOM 标志。

--emitDeclarationOnly：只编译输出类型声明文件，不输出 JS 文件。

--esModuleInterop：更容易使用 import 命令加载 CommonJS 模块。

--exactOptionalPropertyTypes：不允许将可选属性设置为undefined。

--experimentalDecorators：支持早期的装饰器语法。

--explainFiles：输出进行编译的文件信息。

--forceConsistentCasingInFileNames：文件名大小写敏感，默认打开。

--help：输出帮助信息。

--importHelpers：从外部库（比如 tslib）输入辅助函数。

--incremental：启用增量构建。

--init：在当前目录创建一个全新的tsconfig.json文件，里面是预设的设置。

--inlineSourceMap：SourceMap 信息嵌入 JS 文件，而不是生成独立的.js.map文件。

--inlineSources：将 TypeScript 源码作为 SourceMap 嵌入编译出来的 JS 文件。

--isolatedModules：确保每个模块能够独立编译，不依赖其他输入的模块。

--jsx：设置如何处理 JSX 文件。

--lib：设置目标环境需要哪些内置库的类型描述。

--listEmittedFiles：编译后输出编译产物的文件名。

--listFiles：编译过程中，列出读取的文件名。

--listFilesOnly：列出编译所要处理的文件，然后停止编译。

--locale：指定编译时输出的语言，不影响编译结果。

--mapRoot：指定 SourceMap 文件的位置。

--module：指定编译生成的模块格式。

--moduleResolution：指定如何根据模块名找到模块的位置。

--moduleSuffixes：指定模块文件的后缀名。

--newLine：指定编译产物的换行符，可以设为crlf或者lf。

--noEmit：不生成编译产物，只进行类型检查。

--noEmitHelpers：不在编译产物中加入辅助函数。

--noEmitOnError：一旦报错，就停止编译，没有编译产物。

--noFallthroughCasesInSwitch：Switch 结构的case分支必须有终止语句（比如break）。

--noImplicitAny：类型推断只要为any类型就报错。

--noImplicitReturns：函数内部没有显式返回语句（比如return）就报错。

--noImplicitThis：如果this关键字是any类型，就报错。

--noImplicitUseStrict：编译产生的 JS 文件头部不添加use strict语句。

--noResolve：不进行模块定位，除非该模块是由命令行传入。

--noUnusedLocals：如果有未使用的局部变量就报错。

--noUnusedParameters：如果有未使用的函数参数就报错。

--outDir：指定编译产物的存放目录。

--outFile：所有编译产物打包成一个指定文件。

--preserveConstEnums：不将const enum结构在生成的代码中，替换成常量。

--preserveWatchOutput： watch 模式下不清屏。

--pretty：美化显示编译时的终端输出。这是默认值，但是可以关闭--pretty false。

--project（或者-p）：指定编译配置文件，或者该文件所在的目录。

--removeComments：编译结果中移除代码注释。

--resolveJsonModule：允许加载 JSON 文件。

--rootDir：指定加载文件所在的根目录，该目录里面的目录结构会被复制到输出目录。

--rootDirs：允许模块定位时，多个目录被当成一个虚拟目录。

--skipDefaultLibCheck：跳过 TypeScript 内置类型声明文件的类型检查。

--skipLibCheck：跳过.d.ts类型声明文件的类型检查。这样可以加快编译速度。

--showConfig：终端输出编译配置信息，而不进行配置。

--sourcemap：为编译产生的 JS 文件生成 SourceMap 文件（.map 文件）。

--sourceRoot：指定 SourceMap 文件里面的 TypeScript 源码根目录位置。

--strict：打开 TypeScript 严格检查模式。

--strictBindCallApply：bind, call、apply 这三个函数的类型，匹配原始函数。

--strictFunctionTypes：如果函数 B 的参数是函数 A 参数的子类型，那么函数 B 不能替代函数 A。

--strictNullChecks：对null和undefined进行严格类型检查。

--strictPropertyInitialization：类的属性必须进行初始值，但是允许在构造函数里面赋值。

--suppressExcessPropertyErrors：关闭对象字面量的多余参数的报错。

--target：指定编译出来的 JS 代码的版本，TypeScript 还会在编译时自动加入对应的库类型声明文件。

--traceResolution：编译时在终端输出模块解析（moduleResolution）的具体步骤。

--typeRoots：设置类型模块所在的目录，替代默认的node_modules/@types。

--types：设置typeRoots目录下需要包括在编译之中的类型模块。

--version：终端输出 tsc 的版本号。

--watch（或者-w）：进入观察模式，只要文件有修改，就会自动重新编译。