Memahami Struktur Fail Vite: Mengapa index.html Milik di Akar

Soalan biasa apabila menggunakan Vite ialah lokasi fail index.html. Tidak seperti alat binaan tradisional seperti Webpack, Vite memerlukan index.html anda terletak dalam direktori akar projek, bukan direktori awam.

Apakah yang berlaku jika index.html terletak dalam direktori awam? Anda akan mendapat ralat HTTP ERROR 404, yang menunjukkan bahawa pelayan sedang berjalan tetapi sumbernya tidak ditemui:

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

Mengapa Vite perlu melakukan ini?

Vite menggunakan index.html sebagai titik masuk untuk mengoptimumkan dan membungkus projek anda. Meletakkannya dalam direktori akar membolehkan Vite untuk: • Mengesan dan mengendalikan sumber terpaut dengan cekap (cth., JS, CSS). • Skrip dan gaya sebaris secara langsung semasa pembangunan. • Menyediakan laluan yang tepat untuk resolusi modul.

Struktur projek yang betul

Ini ialah struktur jangkaan projek Vite asas:

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

Atas ialah kandungan terperinci Memahami Struktur Fail Vite: Mengapa index.html Milik di Akar. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!