vite-env.d.ts/// <reference types="vite/client" />), die den TypeScript-Compiler anweist, die ambienten Typdeklarationen von Vite einzubeziehen. Dies stellt Typinformationen für Vite-spezifische Funktionen wie import.meta.env (Umgebungsvariablen), Asset-Importe (Importieren von .svg-, .png-Dateien als URLs) und die Vite-HotModuleReplacement-API bereit. Erstellt während der Migration von react-scripts zu Vite, als Ersatz für die vorherige react-app-env.d.ts, die denselben Zweck für Create React App erfüllte.Dies ist eine TypeScript-Ambient-Deklarationsdatei – sie erzeugt keine JavaScript-Ausgabe. Ihr einziger Zweck ist es, die Vite-Typdefinitionen einzubinden, damit die IDE und der Typprüfer Vite-spezifische globale Typen erkennen. Die Datei ist im include-Array der tsconfig.json zusammen mit dem alten Pfad react-app-env.d.ts aufgeführt (der später ersetzt wurde).
Als das Projekt von Create React App zu Vite migrierte (Commit bf988bc6d), wurde diese Datei als Vite-Gegenstück zur CRA-react-app-env.d.ts erstellt. Die tsconfig.json wurde in der Include-Liste von src/react-app-env.d.ts auf src/vite-env.d.ts aktualisiert. Beide Dateien existierten während der Übergangsphase kurzzeitig nebeneinander.
| Commit | Was geändert wurde |
|---|---|
bf988bc6d | Erstellte die Datei mit der /// <reference types="vite/client" />-Direktive im Rahmen der umfassenden Migration von react-scripts zu Vite. Dies ersetzte die CRA-spezifische react-app-env.d.ts, um Typdefinitionen für die Vite-Build-Umgebung bereitzustellen. |