Pourquoi ton CSS ne se met plus à jour avec Asset Mapper

Attention avec Asset Mapper : ne compile pas les assets en développement avec asset-map:compile

Pourquoi ton CSS ne se met plus à jour avec Asset Mapper

Asset Mapper est le système de gestion des fichiers front-end intégré à Symfony. Il te permet de servir tes fichiers CSS, JavaScript ou images sans avoir besoin de Webpack, Vite ou même Node.js. C’est simple, natif, et ça fonctionne très bien.

Mais en phase de développement, il y a une erreur fréquente à éviter : ne lance pas asset-map:compile.

Cette commande sert à copier les fichiers depuis le dossier assets/ (ou d’autres sources) vers public/assets/, en résolvant les imports. 

C’est utile en production… mais pas en développement.


Pourquoi ?

Parce qu'une fois les fichiers copiés, Symfony ne regarde plus ceux du dossier assets/, mais uniquement ceux compilés dans public/assets/. Donc si tu modifies ton CSS ou ton JS, rien ne change sur la page : tu es en train de travailler sur des fichiers que le site n’utilise plus.

Si ça t’arrive, pas de panique. Tu peux corriger ça simplement :

rm -rf public/assets/


Ensuite, assure-toi que le watcher est bien actif pour suivre tes modifications : 

php bin/console asset-map:watch


Et te voilà reparti avec des assets à jour.