La migration d’un projet Symfony utilisant Webpack Encore vers Vite avec Reprise a permis de réduire significativement les temps de build, passant de 75–100 secondes à une quinzaine, tout en supprimant 583 packages npm. Reprise, successeur officiel de Webpack Encore, agit comme une interface entre Symfony et Vite, déléguant la majorité des tâches de build à Vite, qui gère nativement des fonctionnalités comme Sass, TypeScript ou React.
La migration mécanique a été simplifiée grâce à la rétrocompatibilité offerte par Reprise, avec des étapes comme la suppression du bundle Webpack Encore et l’ajout de Reprise via Composer, ainsi que l’intégration de Vite. Les configurations complexes de Webpack, souvent longues de centaines de lignes, ont été réduites à une cinquantaine de lignes dans Vite, où les loaders et plugins sont désormais gérés par défaut.
Cependant, la migration a révélé des défis liés aux dépendances implicites du projet avec Webpack, comme des comportements spécifiques au runtime ou des "webpack-ismes" difficiles à anticiper. Malgré cela, l’adoption de Reprise a permis d’améliorer l’efficacité du développement, notamment avec la mise en place du hot reload dans une stack Docker, tout en préparant le projet à une évolution future plus stable.
L’auteur partage sa stack frontend pour 2026, axée sur des outils éprouvés et efficaces. Il utilise Next.js pour les sites de contenu (SSR, optimisation d'images) et Vite 8 pour les applications internes (HMR instantané, builds rapides grâce à Rolldown). TypeScript en mode strict et pnpm (pour sa rapidité et son gestionnaire de dépendances optimisé) complètent les fondations.
Pour le design, Tailwind CSS simplifie le style tandis que shadcn/ui fournit des composants accessibles et personnalisables, évitant les dépendances externes. Storybook est intégré pour documenter et tester les composants, notamment en synergie avec shadcn/ui, offrant une vue claire des variantes et états.
L’article souligne l’importance d’une stack stable et productive, privilégiant des outils qui s’intègrent bien et réduisent les frictions, plutôt que les dernières tendances. L’auteur mentionne aussi des outils complémentaires comme TanStack Query, Zustand, Zod, ou Vitest pour les tests, reflétant une approche pragmatique et optimisée.
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Un mini tuto sur l'utilisation de Vite avec Symfony. Côté Laravel, Vite est devenu le builder officiel depuis les dernières versions.
Tout est dans le titre
Tout est dans le titre
Une comparaison très détaillée entre esbuild, Snowpack, Vite, et wmr