javascript - 为什么 Vite 会创建两个 TypeScript 配置文件 : tsconfig. json 和 tsconfig.node.json？

Question

我正在使用 Vite 创建 a new React + TypeScript project .
创建项目后，根文件夹下有两个 TypeScript 配置文件: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 配置，因为该项目使用两个不同的执行 TypeScript 代码的环境:

您的应用程序(src 文件夹)在浏览器中定位(将运行)

Vite 本身(包括它的配置)在您的计算机上运行在 Node 内，这是完全不同的环境(与浏览器相比)，具有不同的 API 和约束

所以这两个环境有两种不同的配置和两组不同的源文件......
不，您可能不想删除 tsconfig.node.json但您可能可以将其重命名为 tsconfig.vite.json使其目的更明确