Jak automatycznie ładować css w Chrome po edycji plików SASS

Question

Próbuję skonfigurować funkcję mapowania w kanale Chrome. Śledziłem zrzuty ekranu w this answer.

Główna cecha działa, gdy sprawdzam element, wskazuje on na mój lokalny plik sass, a kiedy go edytuję, lokalny sejf na pliki i uruchamia się `sass -watch '. Jednak przeglądarka nie odświeża się, mimo że na karcie "Ogólne" w devtools zaznaczyłem "Automatyczne przeładowanie CSS po zapisie Sass".

Czy przeglądarka ma zostać ponownie załadowana? Czy istnieje sposób na przeładowanie?

Ps - Mam kompas, ale nie mogę używać, ponieważ nie wspiera mapowanie, więc jestem kompilacji Sass przez terminal

Dzięki

Answer 1

Możliwe, że plik Sass nadal kompiluje się, gdy Chrome próbuje ponownie załadować CSS. Ustawienie "Automatycznego przeładowania CSS po zapisie Sass" Limit czasu do 5000 ms poprawił go dla mnie. Gdy Chrome uruchamia ponowne ładowanie, może nawet zapobiec ponownemu kompilowaniu CSS przez Sass.

Answer 2

I rozwiązać problem instalując tincr przedłużeniu i teraz, kiedy Zapisuję lokalnie, przeglądarka odświeża się.

Answer 3

Pewnie zapomniał ten krok:

W zakładce Źródła, znajdź swój wygenerowany plik CSS, kliknij prawym przyciskiem myszy i wybierz mapę do zasobu sieciowego, a następnie wybierz tę samą nazwę pliku w przedstawionej listy rozwijanej:

a następnie wybrać odpowiedni plik ze swojego obszaru roboczego: