tsconfig中types与lib配置项的区别对比：是否还有其他差异？

你提到的使用方式差异只是其中一点，二者在类型来源、默认行为、使用场景上还有不少关键区别：

• 类型来源本质不同
  lib对应的是TypeScript内置的标准库类型，比如ES版本（es5/es6）、DOM环境、Web Worker等相关的类型定义，这些是TS自带的，不需要额外安装任何依赖。
  types则是用来引入第三方包的@types类型定义，这些类型需要先通过npm install @types/xxx安装到项目中，配置后TS才会将其全局类型注入到作用域。

• 默认行为完全不同

  • 对于types：如果不配置这个数组，TS会自动扫描并引入项目中所有@types依赖的全局类型；但一旦手动配置了types，就只会加载数组中指定的那些@types包，其他@types的全局类型会被自动忽略。
  • 对于lib：默认情况下，TS会根据target配置自动匹配对应的标准库（比如target: es5时，默认加载es5、dom、scripthost等）；如果手动配置了lib，默认的自动匹配会被覆盖，你必须手动列出所有需要用到的标准库关键词。

• 使用场景有明确区分

  • lib主要用于控制TS识别哪些标准环境/语法的类型：比如你要使用ES2020的BigInt，就需要在lib中添加"es2020"；如果是后端Node.js项目不需要DOM类型，可以移除"dom"来避免不必要的类型提示。
  • types则用于引入第三方库的全局类型：比如使用jQuery时，安装@types/jquery后，配置types: ["jquery"]就能获得全局$的类型提示；或者当多个@types包的全局类型冲突时，通过指定types来只加载需要的类型。

• 都不影响编译输出
  二者都只是给TS编译器提供类型信息，不会改变最终编译生成的JavaScript代码，仅作用于类型检查和开发时的提示环节。

内容的提问来源于stack exchange，提问作者Daniel Kaplan