默认的vue@3项目何时使用tsconfig.vitest.json？

Question

当我创建一个默认的vue@3项目(npm init vue@3)时，我会得到几个tsconfig文件。其中一个是tsconfig.vitest.json。这个文件什么时候才能真正被使用？我可以看到它被用于“类型检查”(来自package.json)：

  "scripts": {
    "type-check": "vue-tsc --noEmit -p tsconfig.vitest.json --composite false"
  },

但是，它的名称表明在运行Vitest时应该使用它。但是，我看不到会导致Vitest使用这个配置文件的任何东西。Vitest配置文件的默认名称是vitest.config.ts。那么，在什么情况下，tsconfig.vitest.json文件究竟是在什么时候使用的呢？

Answer 1

tsconfig.vitest.json是一个类型记录配置文件，它只对类型记录有帮助，它不会对运行最活跃的文件进行任何更改。

这个文件很有用，因为您可以在应用程序文件和测试规范文件之间进行不同的类型记录配置。这主要是因为您的应用程序文件在浏览器中运行，而测试运行在节点环境中，在该环境中，它们可以访问节点API(如fs )。

示例：

// AppFile.js
import fs from 'fs' // will report a typescript error

// __tests__/myTest.spec.js
import fs from 'fs' // OK

正是tsconfig.vitest.json中的这一行允许使用节点API：

"types": ["node", "jsdom"]

Answer 2

它是tsc compiler的配置，vue-tsc是基于。