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.
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Plein d'astuces pour l'optimisation de webpack
Les conférences :
- Symfony 4
- À la découverte du composant Serializer
- Grâce aux tags Varnish, j’ai switché ma prod sur Raspberry Pi
- JWT - Sécurisez vos APIs
- Micro-Services Symfony chez Meetic : retour d’expérience après 2 ans de refonte !
- Utiliser Webpack dans une application Symfony
- Introduction au CQRS et à l’Event Sourcing
- Quoi de neuf dans Symfony depuis un an ?
- Architecture inutile ?
- Déployer une app Symfony dans un PaaS
- Sécurité Web : et si on continuait à tout casser ?
- Créer des webapps modernes avec Symfony, ReactJS et API Platform
- Tout ce qu’un dev devrait savoir à propos d’Unicode
- Optimisation de performances de PHP7
L'article est vieux mais intéressant
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre - ça date pas mal, mais les grands principes sont là et c'est très bien écrit
Tout est dans le titre
Tout est dans le titre
Il s'agit surtout d'un tutoriel pour l'utilisation de Webpack. Attention, l'article a été réactualisé en 2018.
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