페이지에 CSS 변경 사항을 주입하지 않도록 실시간 재 부하를 감시하십시오. Sinatra app

Question

rack-livereload 및 guard-livereload 보석을 사용하는 sinatra 앱이 있습니다.

guard 'livereload' do 
    watch(%r{views/.+\.(erb|haml|slim)$}) 
    watch(%r{.+\.(css|js)$}) 
end 

erb 파일을 변경하면 브라우저가 다시로드됩니다. 그것은 예상대로 작동합니다.

나는 내 CSS에 웅대 한 보석을 사용하고 있습니다.

.scss 파일을 변경하면 CSS가 업데이트되지 않습니다. 변경 사항은 페이지를 새로 고칠 때까지 브라우저에 표시되지 않습니다. Sass가 작동 중이지만 활성 재로드로 선택되지 않았습니다.

어떻게 설정하나요?

Answer 1

watch 명령문의 정규식이 .css 또는 .js로 끝나는 파일 만 찾고 있기 때문에 다시로드하지 않는 것 같습니다. 당신이 당신의 .scss 파일이 포함 얻을 있는지 확인하려면, 그냥이에 시계 문을 변경 : (404) 내 경우에 작동 livereload을 중단 페이지에서 누락 된

watch(%r{.+\.(css|scss|js)$}) 

Answer 2

또 다른 스타일 시트를, 그것은 '년후 문제가되는 스타일 시트는 없지만 livereload가 내가 작성한 스타일 시트의 변경 사항을 감지하는 것을 방지합니다.