# React / Vite

Source : https://webgune.cloud/fr-fr/docs/web-react · Mis à jour le 2026-10-27

# React / Vite

La détection s'appuie sur la présence de `vite.config.js` ou `vite.config.ts` (valable pour React, Vue ou Svelte servis par Vite).

## Ce que le builder auto exécute

```bash
npm install
npm run build     # vite build → dossier dist/
# le contenu de dist/ est ensuite servi comme fichiers statiques
```

Contrairement à un serveur Node classique, il n'y a pas de processus applicatif à faire tourner après le build : le résultat est du HTML/CSS/JS statique.

## Variables d'environnement

Vite n'expose au bundle que les variables préfixées `VITE_` :

```bash
VITE_API_URL=https://api.mon-domaine.com
VITE_APP_NAME=MonApp
```

```typescript
const apiUrl = import.meta.env.VITE_API_URL;
```

> Ces variables sont injectées **au moment du build**, pas au runtime. Changer leur valeur nécessite un redéploiement pour qu'elle soit prise en compte.

## Routing côté client

Si vous utilisez React Router (ou équivalent) en mode `BrowserRouter`, assurez-vous que le service redirige les routes inconnues vers `index.html`, sans quoi un rafraîchissement sur une route profonde renverra une 404.