Pourquoi convertir MAP en CSS ?
Un source map CSS est un fichier JSON produit en même temps que le CSS compilé par des outils comme Sass ou webpack. Il enregistre la correspondance entre les positions dans la feuille de style compilée et la source originale - il ne possède ni sélecteurs, ni propriétés, ni valeurs, il n'y a donc rien à convertir en .CSS.
Comment convertir MAP en CSS
VS Code FREE
Ouvrez le fichier .map dans VS Code et inspectez le champ sources pour trouver les chemins des fichiers originaux, ou extrayez le texte de sourcesContent s'il est présent.
À propos de ces formats
Un fichier .map est le plus souvent une « source map » JavaScript ou CSS - un fichier JSON qui permet aux outils de développement (DevTools) des navigateurs d'afficher le code source…
Ouvrir les détails de .MAP →Un fichier CSS est une feuille de style en cascade (Cascading Style Sheet) - un fichier texte brut qui contrôle les couleurs, les polices, l'espacement et la mise en page d'une page web.…
Ouvrir les détails de .CSS →Qualité et points de vigilance
- Le fichier
.csscompilé se trouve dans le même répertoire avec le même nom de base - cherchezstyles.cssà côté destyles.css.map. - Si
sourcesContentest présent dans le map, le texte original Sass ou Less est directement intégré dans le JSON et peut être copié. - Supprimer le fichier
.mapn'a aucun effet sur le rendu du CSS pour les utilisateurs finaux ; cela supprime seulement le mappage des sources dans les DevTools.
Foire aux questions
Pourquoi le fichier `.map` porte-t-il le même nom que mon fichier CSS ?
.map.Est-il sûr de supprimer les fichiers `.map` sur un serveur de production ?
Comment trouver la source Sass originale à partir d'un fichier `.map` ?
.map dans n'importe quel éditeur de texte et lisez le tableau sources ; il liste les chemins des fichiers originaux à partir desquels le CSS a été compilé.