Grunt를 이용한 Front-End 개발 환경 만들기

GruntJS

http://gruntjs.com/

사전 설치

  1. 노드 설치
    https://nodejs.org/en/

  2. grunt-cli 설치

    1
    npm install grunt-cli -g

Grunt 구조

  • npm 을 이용하여 라이브러리 의존성 관리를 하고, grunt를 이용하여 타스크 자동화를 구성한다.

Grunt 파일

TaskTarget으로 구성되어 있다.

  • property에 grunt.loadNpmTasks이나, registerTask에 의해, grunt plugin이 등록되면, property는 task로 동작한다.
  • target은 task 하위의 작업들을 지칭하며, task의 하위 객체 이다.
  • task의 하위 객체 중 options 객체가 있다면, 전체 task의 옵션으로 인식한다. 또한, options 객체는 target아래에 존재할수 있다.

Grunt plugins

Reference

http://www.html5rocks.com/ko/tutorials/tooling/supercharging-your-gruntfile/


Share