React中的TypeScript配置文件：tsconfig.json各配置项详细说明

codeMak1r.小新

已于 2022-07-09 23:13:04 修改

阅读量3.7k

点赞数 12

CC 4.0 BY-SA版权

分类专栏： React--从基础到实战 TypeScript 文章标签： javascript 开发语言 typescript react

于 2022-03-07 15:14:14 首次发布

本文链接：https://blog.csdn.net/Svik_zy/article/details/123330902

React--从基础到实战同时被 2 个专栏收录

41 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

TypeScript

9 篇文章

订阅专栏

本文介绍了React项目中TypeScript配置文件tsconfig.json的作用和配置细节，以CRA创建的项目为例，强调了tsconfig.json在项目根目录的重要性，并提到了如何自动生成tsconfig.json以及通过命令行使用配置。同时指出，当tsc命令带有输入文件时，会忽略tsconfig.json，否则将启用该配置文件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

TS配置文件 tsconfig.json

tsconfig.js指定：项目文件和项目编译所需的配置项。

注意：TS的配置项非常多（100+），以 CRA（React脚手架工具 create-react-app（简称：CRA））项目中的配置为例来学习，其他的配置项用到时查文档typescriptlang.org/tsconfig#include即可。

tsconfig.json 文件所在目录为项目根目录（与 package.json 同级）。
tsconfig.json 可以自动生成，命令：tsc --init。

// 这是 tsconfig.json 配置文件
// 说明：所有的配置项都可以通过鼠标移入的方式，来查看配置项的解释说明
// tsconfig 文档链接（https://www.typescriptlang.org/tsconfig）
{
   
   
  "compilerOptions"