tsconfig.json文件常用配置

2024-04-14 22:12
文章标签 配置 json 常用 tsconfig

本文主要是介绍tsconfig.json文件常用配置,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

最近在学ts,因为tsconfig的配置实在太多啦,所以写此文章用作记录,也作分享

作用?

tsconfig.jsono是ts编译器的配置文件,ts编译器可以根据它的信息来对代码进行编译

初始化一个tsconfig文件

tsc -init

在这里插入图片描述
在这里插入图片描述

配置参数解释

include

用来指定哪些ts文件需要被编译

//tsconfig.json
{"include":["./src/**/*"]
}

以上代码表示,只有src下的所有文件(**)的所有目录(*)需要被编译

exclude

用来指定不需要被编译的ts文件,默认值:【“node_modules”,“bower_components”,“jspm_packages”】

//tsconfig.json
"exclude":["./src/hello/**/*"]

以上代码表示src下的所有文件的所有目录都不需要被编译

extends

定义要继承的配置文件(比如有两个tsconfig.json文件A、B,A可以不用自己配置,而去继承B的)

files

指定被编译的文件目录,和include有点像,只不过files是把小目录全部列出来了

//tsconfig.json
files:["core.ts","sys.ts","types.ts"]

compilerOptions

  • target
    用来指定ts要被编译的js版本,可选值:‘es3’, ‘es5’, ‘es6’, ‘es2015’, ‘es2016’, ‘es2017’, ‘es2018’, ‘es2019’, ‘es2020’, ‘es2021’, ‘es2022’, ‘esnext’
//tsconfig.json
{compilerOptions:{target:"es2020"}
}
  • lib
    指定要用到的库,例如:在js文件中用了document.getElementById(),就必须引入dom
//tsconfig.json
{compilerOptions:{lib:["dom"]}
}
  • moodule
    指定模块化规范的类型
//tsconfig.json
{compilerOptions:{module:"commonjs"}
}
  • rootDir
    用来指定编译的入口文件,即特指编译哪个文件里的ts
//tsconfig.json
{compilerOptions:{"rootDir": "./src"}
}

在这里插入图片描述
以上json文件用指定,只编译src下的ts文件

  • outDir
    用于指定被编译后的生成的js文件放在何处
//tsconfig.json
{compilerOptions:{"outDir": "./dist"}
}

在这里插入图片描述
以上配置表明被编译后的js文件放在dist文件夹中

  • outFile
    将编译后的代码放入同一文件
//tsconfig.json
{compilerOptions:{"outFile": "./all.js"}
}

以上配置表明,将编译后形成的js代码合并到all.js当中

  • removeComments
//tsconfig.json
{compilerOptions:{"removeComments": true}
}

编译后移除注释

  • noEmit
    不生成编译后的文件
//tsconfig.json
{compilerOptions:{"noEmit": true}
}
  • noEmitOnError
    有错误时,不生成编译后文件
//tsconfig.json
{compilerOptions:{"noEmitOnError": true}
}
  • strict
    所有严格检查的总开关
//tsconfig.json
{compilerOptions:{"strict": true}
}
  • allowJs
    是否对js文件进行编译
//tsconfig.json
{compilerOptions:{"allowJs": true}
}
  • checkJs
    是否检测js代码是否符合语法规范(把js当ts语法检查)
//tsconfig.json
{compilerOptions:{"checkJs": true}
}

这篇关于tsconfig.json文件常用配置的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/904157

相关文章

mybatis映射器配置小结

《mybatis映射器配置小结》本文详解MyBatis映射器配置,重点讲解字段映射的三种解决方案(别名、自动驼峰映射、resultMap),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定... 目录select中字段的映射问题使用SQL语句中的别名功能使用mapUnderscoreToCame

Linux下MySQL数据库定时备份脚本与Crontab配置教学

《Linux下MySQL数据库定时备份脚本与Crontab配置教学》在生产环境中,数据库是核心资产之一,定期备份数据库可以有效防止意外数据丢失,本文将分享一份MySQL定时备份脚本,并讲解如何通过cr... 目录备份脚本详解脚本功能说明授权与可执行权限使用 Crontab 定时执行编辑 Crontab添加定

Java使用jar命令配置服务器端口的完整指南

《Java使用jar命令配置服务器端口的完整指南》本文将详细介绍如何使用java-jar命令启动应用,并重点讲解如何配置服务器端口,同时提供一个实用的Web工具来简化这一过程,希望对大家有所帮助... 目录1. Java Jar文件简介1.1 什么是Jar文件1.2 创建可执行Jar文件2. 使用java

SpringBoot 多环境开发实战(从配置、管理与控制)

《SpringBoot多环境开发实战(从配置、管理与控制)》本文详解SpringBoot多环境配置,涵盖单文件YAML、多文件模式、MavenProfile分组及激活策略,通过优先级控制灵活切换环境... 目录一、多环境开发基础(单文件 YAML 版)(一)配置原理与优势(二)实操示例二、多环境开发多文件版

Vite 打包目录结构自定义配置小结

《Vite打包目录结构自定义配置小结》在Vite工程开发中,默认打包后的dist目录资源常集中在asset目录下,不利于资源管理,本文基于Rollup配置原理,本文就来介绍一下通过Vite配置自定义... 目录一、实现原理二、具体配置步骤1. 基础配置文件2. 配置说明(1)js 资源分离(2)非 JS 资

MySQL8 密码强度评估与配置详解

《MySQL8密码强度评估与配置详解》MySQL8默认启用密码强度插件,实施MEDIUM策略(长度8、含数字/字母/特殊字符),支持动态调整与配置文件设置,推荐使用STRONG策略并定期更新密码以提... 目录一、mysql 8 密码强度评估机制1.核心插件:validate_password2.密码策略级

ShardingProxy读写分离之原理、配置与实践过程

《ShardingProxy读写分离之原理、配置与实践过程》ShardingProxy是ApacheShardingSphere的数据库中间件,通过三层架构实现读写分离,解决高并发场景下数据库性能瓶... 目录一、ShardingProxy技术定位与读写分离核心价值1.1 技术定位1.2 读写分离核心价值二

MyBatis-plus处理存储json数据过程

《MyBatis-plus处理存储json数据过程》文章介绍MyBatis-Plus3.4.21处理对象与集合的差异:对象可用内置Handler配合autoResultMap,集合需自定义处理器继承F... 目录1、如果是对象2、如果需要转换的是List集合总结对象和集合分两种情况处理,目前我用的MP的版本

JavaScript中比较两个数组是否有相同元素(交集)的三种常用方法

《JavaScript中比较两个数组是否有相同元素(交集)的三种常用方法》:本文主要介绍JavaScript中比较两个数组是否有相同元素(交集)的三种常用方法,每种方法结合实例代码给大家介绍的非常... 目录引言:为什么"相等"判断如此重要?方法1:使用some()+includes()(适合小数组)方法2

SpringBoot 获取请求参数的常用注解及用法

《SpringBoot获取请求参数的常用注解及用法》SpringBoot通过@RequestParam、@PathVariable等注解支持从HTTP请求中获取参数,涵盖查询、路径、请求体、头、C... 目录SpringBoot 提供了多种注解来方便地从 HTTP 请求中获取参数以下是主要的注解及其用法:1