Automatisches Laden von CSS in Chrome nach dem Bearbeiten von SASS-Dateien
Ich versuche, die Zuordnungsfunktion in Chrome canary einzurichten. Ich folgte den Screenshots in dieser Antwort .
Das Hauptfeature funktioniert, wenn ich ein Element inspiziere, zeigt es mich auf meine lokale Sass-Datei und wenn ich es bearbeite, wird der lokale Dateitresor aktiviert, und die "sass -watch" wird ausgelöst. Der Browser wird jedoch nicht aktualisiert, obwohl ich auf der Registerkarte "Allgemein" in Devtools die Option "CSS beim Speichern automatisch laden" aktiviert habe.
Soll der Browser neu geladen werden? Gibt es eine Möglichkeit, es neu laden zu lassen?
Ps - Ich habe einen Kompass, aber ich kann das nicht verwenden, da er das Mapping nicht unterstützt, also kompiliere ich Sass durch das Terminal
Danke
3 Antworten
Es kann sein, dass die Sass-Datei noch kompiliert wird, 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.
Sie haben diesen Schritt wahrscheinlich vergessen:
Suchen Sie auf der Registerkarte Quellen nach der generierten CSS-Datei, klicken Sie mit der rechten Maustaste darauf und wählen Sie Zu Netzwerkressource zuordnen, und wählen Sie im angezeigten Dropdown-Feld denselben Dateinamen:
und wählen Sie dann die passende Datei aus Ihrem Arbeitsbereich:
Tags und Links google-chrome-devtools sass