Waarom MAP naar CSS converteren?
Een CSS source map is een JSON-bestand dat samen met gecompileerde CSS wordt geproduceerd door tools zoals Sass of webpack. Het legt vast hoe posities in de gecompileerde stylesheet zich verhouden tot de originele bron - het bevat geen selectors, eigenschappen of waarden, dus er is niets om te converteren naar .CSS.
Hoe MAP naar CSS te converteren
VS Code FREE
Open het .map-bestand in VS Code en inspecteer het sources-veld om de originele bestandspaden te vinden, of extraheer tekst uit sourcesContent als deze aanwezig is.
Over deze formaten
Een .map-bestand is meestal een JavaScript- of CSS-source map - een JSON-bestand waarmee browser DevTools de originele, leesbare broncode kunnen tonen achter verkleinde (minified) of…
Open .MAP details →Een CSS-bestand is een Cascading Style Sheet - een tekstbestand dat kleuren, lettertypen, spatiëring en lay-out op een webpagina regelt. Open het in elke tekst- of code-editor zoals VS Code…
Open .CSS details →Kwaliteit & waar op te letten
- Het gecompileerde
.css-bestand bevindt zich in dezelfde map met dezelfde basisnaam - zoek naarstyles.cssnaaststyles.css.map. - Als
sourcesContentaanwezig is in de map, is de originele Sass- of Less-tekst direct ingebed in de JSON en kan deze worden gekopieerd. - Het verwijderen van het
.map-bestand heeft geen invloed op hoe de CSS wordt weergegeven voor eindgebruikers; het verwijdert alleen de bronkoppeling voor Ontwikkelaarstools.
Veelgestelde vragen
Waarom heeft het `.map`-bestand dezelfde naam als mijn CSS-bestand?
.map verwijst.Is het veilig om `.map`-bestanden op een productieserver te verwijderen?
Hoe vind ik de originele Sass-bron vanuit een `.map`-bestand?
.map in een tekstverwerker en lees de sources-array; deze bevat de originele bestandspaden waaruit de CSS is gecompileerd.