Grunt, 자바스크립트 빌드 도구

Grunt 자동화 유틸리티 작성하기

프로젝트를 초기에 빌드할 때 특정 디렉토리를 프로젝트 이름으로 지정하고 그 하부에 몇가지 디렉토리를 매번 만들어야 하는 번거로움이 있다.

예를 들면 다음과 같이 프로젝트를 구성한다고 가정하자.

프로젝트 명 : SomeProject

디렉토리 구조:

  • SomeProject/javascript
  • SomeProject/css
  • SomeProject/html

매번 직접 디렉토리를 생성할 수도 있지만 Grunt를 이용하여 자동화하는 유틸을 만들어 보자.

예를 들면 아래와 같이 명령을 치면

$ grunt first

이 명령을 수행한 디렉토리 하부에는

  • javascript/
  • css/
  • html/

와 같은 디렉토리가 자동으로 생기도록 한다.

이걸 어떻게 할까?

사전 조건

Grunt는 node.js 기반이므로 node.js는 설치되어 있다는 것을 가정으로 한다.