veilletech.fr
29 août Feed du jour
#07 LARAVEL Article

Laravel : les starter kits passent à Vite+

Sept outils, une commande : reste à voir ce que les règles ont perdu en route.

Tous les starter kits Laravel construisent désormais avec Vite+, la chaîne unifiée pilotée par la commande vp. ESLint et Prettier sortent du socle front : quatre scripts npm deviennent vp check, les fichiers de configuration disparaissent et les règles migrent dans vite.config.ts sous les clés lint et fmt.

2 min de lecturevidéo 1:23
Partager
Sommaire4 sections
  1. Ce qui se passe
  2. Ce que ça change dans un projet
  3. Comment s'y prendre
  4. À retenir

Ce qui se passe

Taylor Otwell a annoncé le passage de tous les starter kits Laravel à Vite+, la chaîne d'outils unifiée sortie en bêta le 2 juillet 2026. Le travail a été fait dans la PR laravel/maestro#60 par Wendell Adriel, puis Maestro l'a synchronisé le jour même vers les dépôts React, Vue, Svelte et Livewire. La dépendance vite-plus y est épinglée en 0.3.0.

Vite+ est une commande unique, vp, qui enveloppe Vite, Rolldown, Vitest, tsdown, Oxlint, Oxfmt et Vite Task, et gère en plus le runtime et le gestionnaire de paquets. Conséquence directe pour les kits : ESLint et Prettier ne font plus partie du socle front.

Ce que ça change dans un projet

Quatre scripts se replient sur un seul :

JSON
{
  "scripts": {
    "build": "vp build",
    "build:ssr": "vp build && vp build --ssr",
    "dev": "vp dev",
    "check": "vp check",
    "check:fix": "vp check --fix",
    "types:check": "tsc --noEmit"
  }
}

vp check formate avec Oxfmt, analyse avec Oxlint et vérifie les types en une passe ; composer ci:check appelle maintenant npm run check là où il enchaînait lint:check puis format:check.

Le ménage est net : eslint.config.js, .prettierrc et .prettierignore disparaissent de chaque kit Inertia, avec une douzaine de devDependencieseslint, typescript-eslint, prettier, prettier-plugin-tailwindcss, les plugins ESLint React, Vue, Svelte et imports, et globals. Le kit React perd à lui seul 129 lignes de configuration ESLint.

Les règles, elles, migrent dans vite.config.ts, sous deux clés lint et fmt, avec les avertissements traités comme des erreurs et l'analyse typée active :

TypeScript
import { defineConfig, lazyPlugins } from 'vite-plus';

export default defineConfig({
  plugins: lazyPlugins(() => [
    // ...
  ]),
  lint: {
    ignorePatterns: [
      'vendor/**',
      'bootstrap/ssr/**',
      'resources/js/actions/**',
      'resources/js/components/ui/*',
      'resources/js/routes/**',
      'resources/js/wayfinder/**',
    ],
    options: {
      denyWarnings: true,
    },
  },
});

Détails par pile : le kit React passe à @vitejs/plugin-react v6 et fait tourner le React Compiler via @rolldown/plugin-babel plutôt que par l'option babel du plugin ; le kit Svelte remplace lucide-svelte par @lucide/svelte ; le kit Livewire, sans TypeScript à analyser, s'en tire avec deux fichiers modifiés.

Comment s'y prendre

Les nouvelles applications générées depuis les kits en héritent automatiquement. Pour un projet Vite existant, VoidZero fournit une commande de migration :

Terminal
vp migrate

Le guide prévient qu'un projet complexe demandera des retouches manuelles — donc à lire avant de le lancer sur du code de production. Le réflexe raisonnable : exécuter vp check avant de supprimer la configuration existante, et comparer ce qu'il remonte avec ce que la chaîne ESLint attrapait.

Source : Laravel News, Laravel Starter Kits Now Ship with Vite+