레일 : 뷰 (및 관련) 파일이 변경되면 브라우저를 자동으로 새로 고침

Question

레일스의 많은 작품은 실제로 뷰, 이미지, SASS/CSS 및 Coffescript/Javascript 파일을 중심으로하고 있으며 솔루션을 갖고 싶습니다. 이 파일 형식을 변경할 때마다 브라우저가 새로 고쳐집니다. 자동 테스트 또는 감시자와 비슷하지만 '디자인'작업을위한 것입니다.

나는 watchr과 fs-event를 보았습니다. watchr과 fs-event는 관련 기능을 제공하고 웹을 둘러 보았지만 아직 어떤 해결책도 찾을 수 없었습니다. 내가 뭐 놓친 거 없니? 이것이 아직 행해지 지 않았다고 믿기 힘들다. 도구가 분명히 존재한다.

이와 같은 도구가 실제로 존재하지 않는다고 가정하면 내 솔루션을 작성하는 데 균열이 생길 수 있습니다. 따라서 고려해야 할 부분에 대한 조언이 있으면 재미있는 프로젝트 등을 어디에서 볼 수 있는지 알아두면 좋을 것입니다.

업데이트 과 같을 것이다 예 워크 플로우 :

는

브라우저 창은 자동적으로 서버를 레일 가리키는 열립니다 실행되고 있지 않다면 시작 터미널

레일 서버에서 "감시자 응용 프로그램이"시작

2. 보기에서 일부 HTML 변경을 변경합니다.
3. 브라우저가 자동으로 새로 고침됩니다 동맹
4. 나는
5. ... 내가 브라우저가 자동으로 새로 고쳐
6. 새로운 JS 파일을 추가 브라우저가 자동으로
7. 새로 고침 일부 CSS를

건배를

을 업데이트!

Answer 1

귀하의 설명에서 나는 LiveReload이 당신을 속일 것이라고 생각합니다.

당신은 특정 파일 변경에 브라우저를 다시로드 .livereload 파일을 변경해야하지만이 모든 추가 정보에 덮여

도 거의 동일한 기능을 수행 할 수 있습니다 XRefresh있다 (구성 섹션으로 스크롤) 나는 그것을 사용한 적이 없다.

Answer 2

아마이 프로젝트와 같은 것을 찾고 계십니까?

https://github.com/logankoester/autorefresh

Answer 3

Guard::Livereload을보십시오. '보기'파일이 수정되면 브라우저가 자동으로 다시로드됩니다. 자세한 내용은 (및 데모)에 대한

은 다음을 참조하십시오 http://asciicasts.com/episodes/264-guard

Answer 4

그것은 잠시왔다,하지만 내가 생각하는 무언가를 발견했습니다 이러한 옵션들보다 더 나은입니다. Live.js을 사용하면 프로젝트를 수정할 필요가 없으며 북마클릿을 클릭하기 만하면 변경 될 때 자동으로 업데이트됩니다.

유일한 단점은 서버 로그에서 HEAD 요청이 많이 발생한다는 것입니다.하지만이 작업을 수행 할 때 스타일 편집을 수행 할 때 나에게별로 괴롭지 않습니다. 차라리 개발 도구를 위해 프로젝트를 수정해야합니다.