npm gulp

2021-08-12

npm

gulp는 개발 워크플로우에서 번거롭거나 시간이 많이 걸리는 작업을 자동화하는 데 도움이 되는 툴킷이다. npm 모듈을 사용하여 원하는 작업을 수행할 수 있으며 배우기 쉽고 사용하기 쉽다.

gulp-cli 글로벌 설치

1	npm install --global gulp-cli

gulp 설치

1	npm install --save-dev gulp

gulpfile.js 생성

const gulp = require("gulp"); // gulp 플러그인 사용시 필수

gulp.task('function이름1', function(){
    return funtion기능1
});

gulp.task('function이름2', function(){
    return funtion기능2
});

…

gulp 기본 코드

gulp.src()

task할 파일의 위치를 설정한다.

gulp.pipe()

해당 파일을 읽고 난 뒤, 연결되어야 할 플러그인으로 연결한다. 또 여러 플러그인을 실행할 때 파이프 역할을 하기도 한다.

gulp.dest()

task 결과물이 저장될 위치를 지정해준다.

REFERENCE