Estoy usando Vite para crear un nuevo proyecto React + TypeScript .
Después de crear el proyecto, hay dos archivos de configuración de TypeScript en la carpeta raíz: tsconfig.json y tsconfig.node.json . Estos son los contenidos de cada uno:
{ "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" }] } { "compilerOptions": { "composite": true, "module": "esnext", "moduleResolution": "node" }, "include": ["vite.config.ts"] }¿Por qué necesitamos dos?
¿Qué hace el segundo?
¿Puedo quitar el segundo?
Necesita dos configuraciones de TS diferentes porque el proyecto utiliza dos entornos diferentes en los que se ejecuta el código TypeScript:
src ) está dirigida (se estará ejecutando) dentro del navegadorEntonces, hay dos configuraciones diferentes para esos dos entornos y dos conjuntos distintos de archivos fuente...
Y no, probablemente no desee eliminar tsconfig.node.json , pero probablemente pueda cambiarle el nombre a algo como tsconfig.vite.json para que su propósito sea más claro.
Como mencionó Michal Levý, estas son configuraciones diferentes para diferentes entornos.
Notará que tsconfig.json incluye una clave de "referencias" que apunta a una matriz que incluye el archivo tsconfig.node.json . Si desea cambiar el nombre de archivo de su vite tsconfig, asegúrese de actualizar esta referencia.