[Gulp] Gulp의 기본 개념

References

https://gulpjs.com/

https://valuefactory.tistory.com/314

 

 

Gulp란?

Node.js 기반 Task Runner*로 구현 과정 중 반복적인 작업 및 프론트엔드 빌드시 필요한 과정들을 자동화 하는 플러그인이다.

Task Runner : 프로그램 개발 과정에서 생기는 반복 작업들을 스크립트로 자동화 하는 도구

 

 

Gulp의 특징

Gulp가 가진 특징은 크게 3가지 이다.

 

Flexible

Gulp 또한 Javascript로 구현 되었기에 호환성이 큰 점이 장점이다.

또한 gulpfile를 이용해 ****코드 및 플러그인들을 파이프 라인의 형태로 구조화 할 수 있다.

import { src, dest } from 'gulp'
import babel from 'gulp-babel'

export default () =>
    src('input/*.js')
        .pipe(babel())
        .pipe(dest('output/'))

 

Composable

개별적이거나 중요한 초점이 맞춰진 작업 및 규모가 큰 과정을 구현할 때 반복되는 스크립트를 사전에 작성하여 이를 자동화 하는 개발 프로세스가 가능하다.

import { series, parallel } from 'gulp'

export default series(
    clean,
    parallel(js, css, img),
    deploy,
)

 

Efficient

gulp streams을 통해 빌드시 요청 과정 중 메모리를 중간마다 계속 저장하여 작업 속도에 이점이 있다.