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

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

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

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

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

깔끔하게 해결!!

태그: execSync, 동기, 빌드