'grunt-sass' & 'grunt-spritesmith' example
grunt,
grunt-sass,
grunt-spritesmith를 이용해 ruby-sass + compass
환경을 대체하기 위한 예제
따라해보기
-
Node.js 환경을 갖춘다
-
Grunt cli가 없다면 설치해주자
npm install -g grunt-cli
-
프로젝트 폴더를 만들어 소스를 체크아웃 받고 폴더로 이동한다
git clone https://github.com/arkist/grunt-sass-spritesmith-example.git cd grunt-sass-spritesmith-example
-
필요한 모듈을 설치한다
npm install
-
Gruntfile.js
를 참고하며 grunt task들을 테스트 해본다grunt dev
와grunt dist
의 차이는 완성되는 css 코드의 형태이다.