Die Dateistruktur von Vite verstehen: Warum index.html zum Stammverzeichnis gehört

Eine häufige Frage bei der Verwendung von Vite ist der Speicherort der Datei index.html. Im Gegensatz zu herkömmlichen Build-Tools wie Webpack erfordert Vite, dass sich Ihre index.html im Projektstammverzeichnis und nicht im öffentlichen Verzeichnis befindet.

Was passiert, wenn sich index.html im öffentlichen Verzeichnis befindet? Sie erhalten die Fehlermeldung HTTP ERROR 404, die darauf hinweist, dass der Server ausgeführt wird, die Ressource jedoch nicht gefunden werden kann:

<code>此localhost页面找不到
找不到网页地址：http://localhost:5173/
HTTP ERROR 404</code>

Warum muss Vite das tun?

Vite verwendet index.html als Einstiegspunkt, um Ihr Projekt zu optimieren und zu verpacken. Durch die Platzierung im Stammverzeichnis kann Vite: • Verknüpfte Ressourcen (z. B. JS, CSS) effizient erkennen und verarbeiten. • Inline-Skripte und -Stile direkt während der Entwicklung. • Stellen Sie genaue Pfade für die Modulauflösung bereit.

Richtige Projektstruktur

Dies ist die erwartete Struktur eines grundlegenden Vite-Projekts:

<code>my-project/
├── index.html      // 根目录入口点
├── src/            // 源文件（组件、样式等）
│   └── main.js
├── public/         // 静态资源（Vite不处理）
│   └── favicon.ico
└── vite.config.js</code>

Das obige ist der detaillierte Inhalt vonDie Dateistruktur von Vite verstehen: Warum index.html zum Stammverzeichnis gehört. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!