생생한 CSS/이미지 다시로드가 가능합니까?

현재 라이브로드가 내장 된 grunt-contrib-watch을 사용하고 있습니다. 그러나 source code에서 보면 LiveReload의 livereload-js보다 훨씬 단순 해 보입니다. 여기에는 실시간 CSS/이미지 새로 고침과 같은 추가 기능이 포함되어 있습니다 (전체 페이지)생생한 CSS/이미지 다시로드가 가능합니까?

이러한 기능을 간단한 작업으로 가져올 수 있습니까?

출처

2013-05-25 zlog

(https://github.com/guard-guard-livereload) 가드 태스크가 있다는 것도 알고 있습니다. 공식 데스크탑 앱 외부에서 가능할 수도 있습니다. – zlog

실용적으로 LiveReload를 얻지 못했습니다. 이 작은 발췌 문장을 사용합니다. 개발하는 동안 콘솔에서 새로 고침을 시작하기 만하면됩니다. 새로 고침을 중지하려면 F5 키를 누르십시오. https://gist.github.com/elclanrs/3883731 – elclanrs

v2의 grunt-contrib-watch에는 언급 한대로 라이브로드가 내장되어 있습니다. CSS는 livereload 크롬 확장과 함께 사용하면 전체 페이지를 다시로드하지 않고도 리로드됩니다 (다른 브라우저에서는 시도하지 않았습니다).

watch: { 
    scripts: { 
     files: [ 'js/*.js' ], 
     options: { 
      livereload: true 
     } 
    }, 
    html: { 
     files:['index.html', 'stylesheets/*.css'], 
     options: { 
      livereload: true 
     } 
    } 
}

필요한 설정이 모두 있습니다.

출처

2013-05-26 13:07:51 imjared

livereload 크롬 확장 및 firefox없이 테스트 했으므로 제대로 작동합니다. – zlog

생생한 CSS/이미지 다시로드가 가능합니까?

답변

관련 문제