So laden Sie CSS nach dem Bearbeiten von SASS-Dateien in Chrome automatisch neu

Question

Ich versuche, die Zuordnungsfunktion in Chrome canary einzurichten. Ich folgte den Screenshots in this answer.

Das Hauptmerkmal funktioniert, wenn ich ein Element inspiziere, zeigt es mich auf meine lokale Sass-Datei und wenn ich es bearbeite, die lokalen Dateitresore, und die `sass --watch 'ausgelöst wird. Der Browser wird jedoch nicht aktualisiert, obwohl ich auf der Registerkarte "Allgemein" in Devtools die Option "CSS beim Speichern automatisch laden" aktiviert habe.

Sollte der Browser neu laden? Gibt es eine Möglichkeit, es neu laden zu lassen?

Ps - Ich habe Kompass, aber ich kann nicht verwendet werden, dass, da es nicht Mapping unterstützt, so dass ich kompiliere sass durch den Anschluss

Dank

Answer 1

Es kann sein, dass die Sass-Datei noch kompiliert, wenn Chrome versucht, das CSS neu zu laden. Das 'Auto-Reload CSS nach Sass speichern' wurde eingestellt. Timeout auf 5000 ms reparierte es für mich. Wenn Chrome das erneute Laden auslöst, kann es sogar verhindern, dass Sass das CSS neu kompiliert.

Answer 2

ich das Problem durch die Installation tincr Erweiterung gelöst und jetzt, wenn Ich speichere lokal, der Browser wird aktualisiert.

Answer 3

Sie haben wahrscheinlich vergessen, diesen Schritt:

In der Registerkarte Quellen, Ihre generierten CSS-Datei finden, direkt darauf klicken und Karte wählen Ressource zu vernetzen, und wählen Sie den gleichen Dateinamen in der gezeigten Dropdown:

und dann die passende Datei aus Ihrem Arbeitsbereich wählen: