为什么Vite创建两个打字稿配置文件：tsconfig.json和tsconfig.node.json？

Question

我正在使用vite来创建一个新的react + toxpimpt + tyspercript项目。

创建项目后，根文件夹上有两个打字稿配置文件：tsconfig.json和tsconfig.node.json。这些是每个内容的内容：

tsconfig.json

{
    "compilerOptions": {
        "target": "ESNext",
        "useDefineForClassFields": true,
        "lib": ["DOM", "DOM.Iterable", "ESNext"],
        "allowJs": false,
        "skipLibCheck": false,
        "esModuleInterop": false,
        "allowSyntheticDefaultImports": true,
        "strict": true,
        "forceConsistentCasingInFileNames": true,
        "module": "ESNext",
        "moduleResolution": "Node",
        "resolveJsonModule": true,
        "isolatedModules": true,
        "noEmit": true,
        "jsx": "react-jsx"
    },
    "include": ["src"],
    "references": [{ "path": "./tsconfig.node.json" }]
}

tsconfig.node.json，

{
    "compilerOptions": {
        "composite": true,
        "module": "esnext",
        "moduleResolution": "node"
    },
    "include": ["vite.config.ts"]
}

为什么我们需要两个？

第二个人做什么？

我可以删除第二个吗？

Answer 1

的TS配置

1. 您需要两个
2. 不同 在您的计算机上运行节点，这是完全不同的环境（与浏览器相比）具有不同的API和约束，

因此这些环境有两个独立的配置，以及两组由定义的源文件集合> >和排除这些配置的部分。然后有一个“主”配置tsconfig.json“规则所有人”

，不，您可能不想删除tsconfig.node.json，但是您可以将其重命名为tsconfig.vite.json之类的东西，以使其目的更加清晰。如果这样做，请确保相应地更新“ Main”配置

Answer 2

正如MichalLevý提到的那样，这些是不同环境的不同配置。

您会注意到tsconfig.json包括一个“引用”键，该密钥指向一个包括tsconfig.node.json.json文件的数组。如果您想更改Vite Tsconfig的文件名，请务必更新此参考。

Answer 3

添加已经提供的答案之上：

我进行了一些挖掘，甚至检查了源代码。 vite.config.ts似乎是使用每个构建/dev Server restart上的typeScript API直接transperp thrpspers ，因此从“ Project tsconfig”中引用了它的引用对我来说很有意义，然后我找到了以下内容：

1. 显然，不包括特定类型，vite取决于您正在构建的实际项目（例如@type/node 到基于浏览器的环境） - vite github问题：tsconfig.node.node.json。 tsconfig.json参考
   • 问题是，这似乎不再起作用
   • 使用项目参考或其他依赖于特定的打字稿设置

   时，这将引入其他问题。

2. 有效对于将来的不同用例中，如 vite github pull request：plual request：pluct request：pluct request：pluct request：plual request：pluct request：plual request：pull tup request：pull tssconfig：vite tsconfig .config.ts是类型检查
   • 一种可能性是编译时间类型检查如上所述