理解Vite的檔案結構：為什麼index.html屬於根目錄

使用Vite時，一個常見的問題是index.html檔案的位置。與Webpack等傳統建置工具不同，Vite要求你的index.html位於專案根目錄，而不是public目錄。

如果index.html位於public目錄中會發生什麼事？你會得到HTTP ERROR 404錯誤，這表示伺服器正在運行，但找不到資源：

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

為什麼Vite需要這樣做？

Vite使用index.html作為入口點來優化和打包你的專案。將其放在根目錄允許Vite： • 有效率地偵測和處理連結的資源（例如，JS、CSS）。 • 在開發過程中直接內嵌腳本和樣式。 • 為模組解析提供準確的路徑。

正確的項目結構

這是一個基本的Vite專案的預期結構：

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

以上是理解Vite的檔案結構：為什麼index.html屬於根目錄的詳細內容。更多資訊請關注PHP中文網其他相關文章！