harp 수정 - liveReload 및 less sourceMap 관련

프론티어2015-02-07 02:05:54107160harp,terraform, browser-sync, liveReload, less sourcemap

harp 에 다음 기능을 추가했습니다.

  • liveReload 적용 : jade, ,js, css 수정시 browser 상에서 auto refresh 되도록 browser-sync 모듈과 연동
  • less SourceMap 생성 : less 소스 위치 확인을 위한 sourcemap 생성

less SourceMap 은 기존에 설치된 소스에서 직접 수정했는데.. github 소스를 수정하는 방식으로 변경했습니다.

적용과정에서 gitbub 와 npm install 그리고 dependencies 등에 대한 내용들도 있어서
작업 순서를 따라 정리해 봅니다.


1. https://github.com/sintaxi/harp 를 fork

먼저 기존 less SourceMap 수정부분 확인해 보니,
dependencies 에 있는 terraform 모듈이이서 ...

2. https://github.com/sintaxi/terraform 를 fork

/lib/stylesheet/processors/less.js 소스를 일부 수정
:less.js 수정

3. harp 의 dependencies 수정

github 에서 다른 github 모듈을 dependencies 에 추가하는 경우에는 version뿐 아니라 URL 를 표시해야 합니다.
그리고 liveReload 를 위해 browser-sync 도 dependencies 에 추가했습니다.

:dependencies

4. bin/harp 소스 수정

:bin/harp 수정


작업 편의를 위해 소스도 붙여둡니다.