ComeOnOliver/skillshub

Vite

Basé sur la version bêta de Vite 8 (propulsé par Rolldown). Vite 8 utilise le bundler Rolldown et le transformateur Oxc.

Vite est un outil de build front-end de nouvelle génération avec un serveur de développement rapide (ESM natif + HMR) et des builds de production optimisés.

Préférences

• Utiliser TypeScript : préférer vite.config.ts
• Toujours utiliser ESM, éviter CommonJS

Cœur

Sujet	Description	Référence
Configuration	vite.config.ts, defineConfig, configurations conditionnelles, loadEnv	core-config
Fonctionnalités	import.meta.glob, requêtes d'actifs (?raw, ?url), import.meta.env, API HMR	core-features
API Plugin	Hooks spécifiques à Vite, modules virtuels, ordre des plugins	core-plugin-api

Build & SSR

Sujet	Description	Référence
Build & SSR	Mode bibliothèque, mode middleware SSR, ssrLoadModule, API JavaScript	build-and-ssr

Avancé

Sujet	Description	Référence
API Environnement	Prise en charge multi-environnements Vite 6+, runtimes personnalisés	environment-api
Migration Rolldown	Changements Vite 8 : bundler Rolldown, transformateur Oxc, migration de configuration	rolldown-migration

Référence rapide

Commandes CLI

vite              # Démarrer le serveur de développement
vite build        # Build de production
vite preview      # Prévisualiser le build de production
vite build --ssr  # Build SSR

Configuration courante

import { defineConfig } from 'vite'

export default defineConfig({
  plugins: [],
  resolve: { alias: { '@': '/src' } },
  server: { port: 3000, proxy: { '/api': 'http://localhost:8080' } },
  build: { target: 'esnext', outDir: 'dist' },
})

Plugins officiels

• @vitejs/plugin-vue - Prise en charge des SFC Vue 3
• @vitejs/plugin-vue-jsx - JSX Vue 3
• @vitejs/plugin-react - React avec Oxc/Babel
• @vitejs/plugin-react-swc - React avec SWC
• @vitejs/plugin-legacy - Prise en charge des navigateurs anciens