Fichiers de correspondance (.map) générés lors du build qui relient le code transformé/minifié (déployé) au code source original (développé). Permettent de déboguer comme si le code source était déployé.
Pourquoi indispensables ?
| Problème sans source maps | Solution avec source maps |
|---|---|
| Erreur pointe vers main.abc123.js:1:45678 | Erreur pointe vers Composant.jsx:24 |
| Code minifié illisible dans DevTools | Code source original visible et navigable |
| Impossible de poser des breakpoints utiles | Breakpoints dans le vrai fichier source |
| Stack traces incompréhensibles | Stack traces lisibles avec noms de fonctions |
Types courants
| Type | Fichier généré | Usage |
|---|---|---|
| source-map | bundle.js.map | Production (débogage erreurs) |
| inline-source-map | Embed dans JS | Développement rapide |
| eval-source-map | Via eval() | Développement (très rapide) |
| hidden-source-map | Fichier généré mais non référencé | Sécurité (pas accessible publiquement) |
Explorer les thématiques : React, Développement & technologies