What is the basic file structure of a Vite project?

A typical Vite project structure includes:

my-vite-app/
├── public/              # Static assets served directly
│   └── favicon.ico
├── src/                 # Source code
│   ├── assets/         # Assets processed by Vite
│   ├── components/     # Components
│   ├── main.js        # Application entry point
│   └── style.css      # Styles
├── index.html         # HTML entry point (in root!)
├── package.json
└── vite.config.js     # Vite configuration

Key differences from other bundlers:

• index.html is in the project root, not in a public folder
• The public directory contains static assets that are served directly
• Source files are in src and processed by Vite