Otomatisasi dengan gulp.js

API

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']);