gulp 설치법과 gulp-uglify 사용법

gulp 설치

# node --version

명령어로 설치여부 확인

라라벨을 설치하면 기본적으로 node가 설치되어 있다.

만약 설치되어있지 않다면 아래 url로 가서 설치하면 됨

https://nodejs.org/ko/ 

# npm install -g gulp

위 설치 명령어에서 -g 옵션은 global 옵션이다.

global 설치를 하면, 터미널 어디에서나 gulp 명령어를 사용 가능하다.

# npm init

글로벌 설치 후 실제 gulp를 설치할 프로젝트 도큐먼트 폴더로 가서 위 처럼 init 명령어로 package.json 파일을 생성한다.

npm init 이후 엔터 10번정도 눌러준다.

그럼 init을 진행한 폴더에 보면 package.json 파일이 생성되어 있을 것이다.

# npm install --save-dev gulp

그리고 실제 개발할 프로젝트 도큐먼트 폴더로 가서 gulp 설치를 한번 더 해준다.

위에서 전역설치 후 또 설치하는 이유는 인터넷이 되지 않는 환경에서도 전역에 설치한 gulp를 복사해서 설치할수 있기 때문

그래서 전역설치를 한번 해준 것.

* 위 명령어에서 다음과 같은 에러가 날 시

npm ERR! EPROTO: protocol error, symlink '../uglify-js/bin/uglifyjs' 어쩌구..

아래 명령어로 인스톨 하면 됨.

# npm install --save-dev --no-bin-links gulp

위 명령어로 실행하면 에러없이 잘 진행 됨.

이상태에서 gulp를 치면 No  gulpfile found 라고 나옴

gulpfile.js 를 만들어달라는 얘기

#vi gulpfile.js

var gulp = require('gulp');

gulp.task('default', function(){

   console.log('테스트');

});

이렇게 만들고나서

gulp default 또는 gulp를 치면 정상출력!

gulp-uglify 사용법

설명이 아주 잘 되어있음 : 

http://programmingsummaries.tistory.com/377