React / Vite
Eguneratua 2026(e)ko urriaren 27(a)
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
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_ :
VITE_API_URL=https://api.mon-domaine.com
VITE_APP_NAME=MonApp
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.