Mempelajari gulp hanya memerlukan waktu sedikit, karena API gulp hanya memiliki 4 fungsi saja.
gulp.task()
Mendefinisikan sebuah tugas.
gulp.task('tugas', function() {
// Jalankan tugas!
});
gulp.src()
Mengambil isi file atau sebuah array isi file yang akan digunakan oleh plugin gulp.
gulp.dest()
Menulis file dan menempatkan pada folder tertentu.
gulp.task('tugas', function() {
// Mengambil seluruh file css pada folder css
gulp.src('css/*.css')
// Kecilkan ukuran file dengan plugin minify-css
.pipe(minifyCss())
// Buat file baru dengan ukuran yang sudah dikecilkan
// lalu simpan di folder css/min
.pipe(gulp.dest('css/min'));
});
gulp.watch()
Monitor file dan melakukan sesuatu ketika perubahan terjadi.
gulp.watch('file', ['tugas', 'tugas_lain']);