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

Typescript tsconfig相关推荐

TypeScript interface
typescript之旅 1.TypeScript-Basic 2.TypeScript interface 3.Typescript-module(1) 4.TypeScript Modules(2 ...
Webpack 4 + React + Typescript 搭建启动模版
2019年是个崭新的开始,在过去半年的工作中我参与到公司一个大型项目的维护和开发中,深深的体会到了react项目中数据流向复杂,参数类型错乱带来的痛苦体验,于是在崭新的一年我决定拥抱Typescrip ...
TypeScript 里的 module 解析过程 - Module Resolution
Module Resolution 模块解析是编译器用来确定导入所指内容的过程.考虑像 import { a } from "moduleA"; 这样的导入语句.为了检查 a 的任 ...
pomelo + vscode + typescript搭建可约束可调试的游戏服务端框架
说在前面 pomelo: 它是网易开源的一套基于Node.js的游戏服务端框架,详情请戳这里关于pomelo的种种这里不详细说.点击链接查看详情.但是由于pomelo是js项目,使用起来的时候并不是很 ...
TypeScript 及类型库 tsd typings @types/XXX 入门
TypeScript入门基本相当于一门和C#语言的东西了,比较漫长的入门过程. 最大的一个门槛,就是 TypeScript 最后编译成 JavaScript.调用别人的库也是用 JavaScript ...
types是什么意思中文翻译成_types 和 @types 是什么？
TypeScript 的学习资料非常多,其中也不乏很多优秀的文章和教程.但是目前为止没有一个我特别满意的.原因有: 它们大多数没有一个清晰的主线,而是按照 API 组织章节的,内容在**逻辑上**比较 ...
如何在Windows上安装Angular：Angular CLI，Node.js和构建工具指南
In this tutorial, we'll learn how to install Angular CLI in Windows and use it to create an Angular ...
react webpack配置组件路径引用 @与自定义
暴露配置文件: create-react-app 生成的项目看不到 webpack 相关的配置文件,需要先暴露出来,使用如下命令 npm run eject 修改配置文件: webpack.confi ...
破解微信包工具之vscode
项目描述: 破解了一个微信小游戏的代码,并且把破解流程放到了vscode中, 下面是我自定义的任务,我破解的小游戏是分包的,他有六个包,所以我把它分成六个task 破解完以后,需要自己来组合,六个包中 ...

Typescript tsconfig

Typescript-tsconfig.json

typescript之旅

tsconfig.json

tsconfig.json的两种使用方式

编译选项

Typescript tsconfig相关推荐

最新文章

热门文章