Gulpfile.js

Gulpfile.js adalah kumpulan tugas yang akan dijalankan oleh gulp. Tugas-tugas inilah yang kita kelola untuk memenuhi kebutuhan kita. Tugas-tugas ini berjalan dengan cara menyalurkan isi file melalui pipe (pipa) lalu menjalankan perintah plugin yang dipakai.

Dibawah ini adalah contoh dari gulpfile.js.

// Modul gulp
var gulp  = require('gulp');

// Tugas `default`
gulp.task('default', function(){
    // Isi dari tugas `default`
});

Contoh tersebut dapat di eksekusi dengan cara memanggil gulp pada folder utama proyek di terminal.

// Ke folder utama
cd ~/proyek

// Eksekusi gulp
gulp

Tugas-tugas lainnya dapat dibuat menggunakan nama tugas yang berbeda.

// Modul gulp
var gulp  = require('gulp');

// Tugas `html`
gulp.task('html', function(){
    // Isi dari tugas `html`
});

// Tugas `default`
gulp.task('default', function(){
    // Isi dari tugas `default`
});

Tugas default dapat di eksekusi hanya dengan menggunakan gulp saja. Tugas lainnya dapat dipanggil sesuai namanya masing-masing.

// Eksesusi tugas `default`
gulp

// Eksekusi tugas `html`
gulp html

Semua tugas yang ada dapat dijalankan melewati salah satu tugas saja. Gulp dapat mengidentifikasi tugas lainnya ketika ada penambahan tugas.

// Modul gulp
var gulp  = require('gulp');

// Tugas `html`
gulp.task('html', function(){
    // Isi dari tugas `html`
});

// Tugas `css`
gulp.task('css', ['html'], function(){
    // Isi dari tugas `css`
});

// Tugas `js`
gulp.task('js', function(){
    // Isi dari tugas `css`
});

// Tugas `default`
gulp.task('default', ['html', 'js']);

Contoh pemanggilan tugas :

// Eksesusi tugas `html`
// Hanya menjalankan tugas `html`
gulp

// Eksekusi tugas `css`
// Menjalankan tugas `html` dan `css`
gulp css

// Eksekusi tugas `html` dan `js`
gulp html js

// Eksekusi tugas `default`
// Menjalankan tugas `html` dan `js`
gulp