Comprendre la structure des fichiers de Vite : pourquoi index.html appartient à la racine

Une question courante lors de l'utilisation de Vite est l'emplacement du fichier index.html. Contrairement aux outils de construction traditionnels tels que Webpack, Vite nécessite que votre index.html soit situé dans le répertoire racine du projet, et non dans le répertoire public.

Que se passe-t-il si index.html se trouve dans le répertoire public ? Vous obtiendrez l'erreur HTTP ERROR 404, qui indique que le serveur est en cours d'exécution mais que la ressource est introuvable :

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

Pourquoi Vite doit-il faire cela ?

Vite utilise index.html comme point d'entrée pour optimiser et packager votre projet. Le placer dans le répertoire racine permet à Vite de : • Détecter et gérer efficacement les ressources liées (par exemple, JS, CSS). • Scripts et styles intégrés directement pendant le développement. • Fournir des chemins précis pour la résolution des modules.

Structure correcte du projet

Voici la structure attendue d'un projet Vite de base :

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!