Membuat Task di Gulp

Untuk menjalankan Gulp, diperlukan file khusus gulpfile.js yang diletakkan di folder root proyek. File ini berisi task-task untuk Gulp. Task-task ini merupakan fungsi JavaScript.

Mari buat task percobaan untuk pemanasan. Pertama, buat file yang dimaksud dan impor library kita ke dalamnya:

let gulp = require('gulp');

Mari buat fungsi dengan task pertama kita dan ekspor fungsi tersebut:

let gulp = require('gulp');

function task(cb) {
	console.log('task pertamaku selesai!');
	cb(); // callback khusus, akan dijelaskan nanti
}

exports.default = task;

Untuk menjalankan task kita, saat berada di folder proyek, jalankan perintah berikut di baris perintah:

gulp

Buat sebuah task yang menampilkan waktu saat ini di konsol. Jalankan task ini melalui baris perintah.

Penjelasan cb

Anda pasti memperhatikan bahwa ke dalam fungsi task, parameter yang masuk adalah fungsi callback, yang harus dipanggil di akhir task:

function task(cb) {
	console.log('task pertamaku');
	cb(); // panggil callback
}

Ini dilakukan untuk memberi tahu Gulp bahwa task telah selesai dan dapat melanjutkan ke task berikutnya.

Jangan terlalu dipikirkan - cukup panggil callback di akhir. Dalam pelajaran berikutnya, ketika task kita mengembalikan sesuatu melalui return, pemanggilan callback tidak akan diperlukan lagi.