gulp에서 동기로 커맨드 실행하기

마크업 팀에서 작성한 CSS를 자동으로 업데이트하는 빌드를 만들었는데

  • gulp의 플러그인을 사용하려다 보니(gulp-exec) 콜백 헬이 발생하고
  • es7의 async, await를 사용하자니 배보다 배꼽이 커짐

찾다 보니 비동기로 커맨드를 실행할 수 있는 execSync (from 꿀벌님의 아티클~) 를 발견해서

  • 임시 폴더 삭제, 생성, git clone, 파일 이동, 임시 폴더 삭제 등의 작업은 execSync로 처리 gulpt task 안에서도 이상없이 동작
  • css 파일 내부의 이미지 경로는 기존의 pipe 안에서 처리하던 코드가 있어서 그대로 사용

screen-shot-2016-11-15-at-9-12-59-pm

깔끔하게 해결!!

답글 남기기

아래 항목을 채우거나 오른쪽 아이콘 중 하나를 클릭하여 로그 인 하세요:

WordPress.com 로고

WordPress.com의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Google+ photo

Google+의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Twitter 사진

Twitter의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Facebook 사진

Facebook의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

w

%s에 연결하는 중