Gulp에서 태스크 생성하기

Gulp는 프로젝트 루트 폴더에 위치한 특별한 파일 gulpfile.js가 필요합니다. 이 파일은 Gulp를 위한 태스크를 포함합니다. 이러한 태스크들은 JavaScript 함수입니다.

워밍업을 위한 테스트 태스크를 만들어 봅시다. 먼저, 지정된 파일을 생성하고 우리의 라이브러리를 연결합시다:

let gulp = require('gulp');

첫 번째 태스크를 위한 함수를 만들고 내보냅시다:

let gulp = require('gulp');

function task(cb) {
	console.log('내 첫 번째 태스크 완료!');
	cb(); // 특별한 콜백, 나중에 자세히 설명
}

exports.default = task;

우리의 태스크를 실행하려면, 프로젝트 폴더에 있는 상태에서 커맨드 라인에 다음 명령을 실행하세요:

gulp

현재 시간을 콘솔에 출력하는 태스크를 생성하세요. 커맨드 라인을 통해 이 태스크를 실행하세요.

cb 설명

아마도 눈치채셨겠지만, 태스크 함수에 매개변수로 콜백 함수가 전달되며, 태스크 끝에서 이 함수를 호출해야 합니다:

function task(cb) {
	console.log('내 첫 번째 태스크');
	cb(); // 콜백 호출
}

이것은 Gulp에게 태스크가 완료되었으며 다음 태스크로 진행할 수 있음을 알리기 위해 수행됩니다.

너무 복잡하게 생각하지 마세요 - 그냥 끝에서 콜백을 호출하세요. 다음 수업에서 우리 태스크가 return을 통해 무언가를 반환할 때는 콜백 호출이 필요하지 않을 것입니다.