Gulp merupakan package yang digunakan untuk melakukan automatisasi task-task seperti task untuk kompilasi file, copy file, dan lain-lain. Task tersebut dapat di implementasikan di Node.js. Package gulp lainnya yang dapat digunakan untuk automatisasi task yaitu gulp-nodemon yang berfungsi untuk memonitoring perubahan-perubahan pada source file seperti file javascript, file html, file jade hbs atau ejs, sehingga server node.js dapat melakukan restart secara otomatis tanpa harus dijalankan secara manual melalui node dengan cara stop dan start secara berulang setiap kali terdapat perubahan source file.
Ikuti langkah-langkah berikut ini untuk menggunakan gulp dan gulp-nodemon.
1. Install package gulp secara global : npm install –g gulp
2. Install package gulp kedalam project node.js : npm install –save-dev gulp
3. Install package gulp-nodemon kedalam project : npm install –save-dev gulp-nodemon
4. Tambahkan file gulpfile.js kedalam project dan ketikkan kode berikut ini :
Untuk membuat task dalam gulp cukup akses prosedur task dengan memberikan nama task dan menambahkan callback functionnya. Task dalam gulp dapat dijalankan secara berurutan atau satu task memiliki dependensi terhadap satu task lainnya. Pada file gulp diatas terdapat tiga task dimana task terakhir yang akan mengeksekusi task pertama dan task kedua. Tentunya kita dapat menjalankan salah satu task saja.
5. Untuk menjalankan task didalam gulp dilakukan dengan memanggil gulp nama task nya melalui command prompt. Berikut ini hasil dari pemanggilan gulp task diatas :
Tentunya task yang dibuat diatas tidak melakukan sesuatu yang berguna, hanya menunjukkan dasar penggunaan task di gulp. Contoh task yang akan dibuat selanjutnya akan memonitoring perubahan terhadap file yang memiliki ekstensi hbs, ejs, jade, css, html, dan js. Apabila terdapat perubahan pada file-file tersebut maka server node.js akan melakukan restart secara otomatis. Berikut ini adalah langkah-langkahnya :
1. Ubah kode yang terdapat dalam file gulpfile.js menjadi seperti berikut ini:
Variabel options digunakan untuk menentukan file utama node.js melalui properti script, kemudian extension file yang akan di monitoring melalui properti ext, dan delay waktu untuk melakukan restart server node.js setiap kali ada perubahan file yang ditentukan melalui properti delayTime dalam satuan detik. Task yang dibuat diberikan nama ‘start’ dan memiliki sebuah function yang akan dieksekusi setiap kali task tersebut dijalankan. Function yang mengembalikan nodemon memiliki event-event seperti ‘restart’ dan ‘crash’, sehingga kita dapat membuat sebuah notifikasi yang ditampilkan di console setiap kali event tersebut terjadi. Callback function setiap event memiliki sebuah argumen yang dapat digunakan untuk mengetahui file yang berubah.
2. Jalankan task tersebut dengan memanggil “gulp runTask”. Lakukan perubahan-perubahan terhadap file-file yang sudah ditentukan extensi filenya agar dapat dimonitoring. Hasilnya dapat dilihat pada gambar berikut ini:
Selamat mencoba :)
Info: Ebook yang tersedia yang dapat dipesan secara langsung atau melalui google play store.