개발도구/Gulp 검색 결과

해당 글 2건

Gulp로 SASS를 CSS로 변환하기

들어가며앞서 gulp 라는 모듈을 불러와서 hello 라는 task를 만들어서 작업을 해보았다.이와 비슷한 방식으로 SASS파일을 CSS파일로 변환하고 계속 지켜보며 SASS가 변하는 즉시 CSS로 컴파일해주는 watch를 공부해보겠다. 1. 'gulp-ruby-sass' 모듈로 변환하기window키 + R 을 누르고 cmd 를 입력하여 command 창을 띄우고 아래 명령어를 입력하여 gulp-ruby-sass 모듈을 설치한다. npm install --save-dev gulp-ruby-sass 제대로 설치가 완료되었다면 package.json 파일에 의존성 주입이 되었을 것이다. 이제 gulpfile.js 로 돌아가서 아래 코드를 추가하자. 1var sass = require('gulp-ruby-sa..
개발도구/Gulp 2016. 7. 20. 20:06

Gulp설치 및 기본설정

들어가며gulp는 프론트엔드 개발도구로 node.js를 기반의 task runner이다. 작업을 하다보면 반복적이고 귀찮은 작업들이 있기마련인데 gulp를 통해 프론트엔드 빌드에 필요한 작업들을 쉽게 처리할 수 있다. 필자는 windows 사용자이므로 windows를 기준으로 설명하겠다. 필요한 프로그램https://nodejs.ort/en/ 으로 접속하여 node.js를 설치한다. window키 + R 을 눌러서 command prompt 창을 실행시킨다. node -v npm -v 을 입력해서 각각 버전정보가 나오면 설치가 잘된 것이다. gulp / bower 설치하기command prompt에서 npm install -g gulp bower 위 명령어를 치고 작업할 프로젝트 폴더로 이동한다. 그 후..
개발도구/Gulp 2016. 7. 7. 11:42