2013-07-20 13 views
11

w Chrome Canary (wersja 30.0.1570.0 Kanaryjskich) Mam założyć mapy źródłowe Sass następująco:Sass źródło mapy nie auto-odświeżanie w Chrome

  1. DevTools> Ustawienia> Ogólne> Włącz map źródłowych CSS + Auto-reload wygenerowany CSS CHECKED!
  2. DevTools> Ustawienia> Folder Dodany public

Moja struktura folderów wygląda następująco:

public 
    sass 
    _buttons.scss 
    style.scss 
    css 
    style.css 
    index.html (with link href=css/style.css) 

W DevTools mogę zrobić inspect element i zobaczyć, że styl reguła pochodzi z _buttons.scss. Mogę kliknąć _buttons.scss i pobrać DevTools, aby wyświetlić źródło scss. Mogę zmodyfikować źródło w devtools i uderzyć cmd + s, a zostanie ono zapisane na dysku, a po przełączeniu na sublime plik został zaktualizowany. ALE w Chrome css nie jest automatycznie ładowany ponownie. Muszę odświeżyć stronę ręcznie, aby ponownie załadować css.

wersja

Sass:

$ sass -v 
$ Sass 3.3.0.alpha.149 (Bleeding Edge) 

Patrzę z:

$ sass --scss --sourcemap --watch public/sass:public/css 

każdy organ innego problemy z Auto-reload generated CSS w Chrome (Canary)? Próbowałem też Chrome "normalny" (20.0 ...) i ten sam problem, bez automatycznego przeładowania.

+0

Mam ten sam dokładny problem. Możesz spróbować http://tin.cr/, który automatycznie ładuje się po zapisaniu w devtools. – shaunsantacruz

+0

Nie, nie można uzyskać tin.cr, aby pracować na Chrome lub kanarka. Nic nie jest autoreloadowane. Próbowałem z plikami: //...index.html i http: //....index.html i próbowałem z sassem, jak również z normalnym css. Czy Twój workflow pracował z tin.cr @alpacalips? I czy naprawdę nie ma więcej ludzi z tymi problemami? – Cotten

+0

Czy istnieje sposób ręcznego powiadomienia Chrome o ponownym wczytaniu jego css? – Cotten

Odpowiedz

0

Czy próbowałeś używać obszarów roboczych? Właśnie tego używam i to działa dobrze dla mnie i zawsze ma. Kilka rzeczy wyprowadziło się ostatnio z eksperymentów, więc może dlatego to nie działa?