2017-04-10 1 views
0

Wenn ich den Tab "Stile" der Google Chrome-Entwicklertools verwende, wird einer meiner Stile als aus der .scss-Datei stammend gemeldet. Wie dies möglich ist - ich dachte, alle .scss abgeflacht und aus einer CSS-Datei gelesen werden musste:Warum zeigt der Inspektor im Chrome-Stil den Stil von .scss?

enter image description here

+3

Chrome unterstützt [Quellkarten] (https://developers.google.com/web/tools/chrome-devtools/javascript/source- Karten). – wOxxOm

Antwort

5

Wenn Sie sass in CSS kompilieren, Sie haben eine Option, eine Quelle Map-Datei zu erzeugen. Am Ende der CSS-Datei finden Sie einen Verweis auf eine Map-Datei, die sich im selben Verzeichnis befindet wie Ihr CSS, mit der Erweiterung .map.

Dies wird von Chrome Inspector verwendet, um die Entwicklung zu unterstützen. Sie können es im Chrom-Inspektor ausschalten oder einfach den Verweis auf die Quellkarte aus dem CSS entfernen oder die Option zum Generieren der Quellkarte entfernen.

Wenn Sie nur möchten, dass chrome das CSS zeigt und die Quellkartendatei gerne behält, können Sie die Option einfach abschalten. Um die Option in den Chrome-Entwicklertools zu deaktivieren, öffnen Sie den Inspektor und gehen Sie zu Einstellungen. Suchen Sie in der Kategorie "Quellen" im Bereich "Einstellungen" nach und deaktivieren Sie "CSS-Quellkarten aktivieren".

Verwandte Themen