Memantau Perubahan Dokumen dalam Gulp

Tidak begitu senang untuk setiap kali memanggil perintah dalam konsol apabila perlu untuk melaksanakan sebarang penukaran - kerana semasa menulis kod perlu dilakukan dengan sangat kerap.

Oleh itu, Gulp mempunyai fungsi khas terbina dalam watch untuk memantau perubahan fail. Apabila mana-mana fail yang dipantau berubah, tugas yang sepadan akan dilancarkan secara automatik.

Mari kita lihat contoh penukaran LESS kepada CSS. Pertama, mari kita sambungkan semua yang diperlukan:

javascriptlet {src, dest, watch} = require('gulp');
let less = require('gulp-less');

Sekarang mari buat tugas untuk penukaran:

javascriptfunction task(cb) {
  return src('src/*.less')
    .pipe(less())
    .pipe(dest('dist'));
}

Sekarang mari laksanakan eksport fungsi tanpa nama, di dalamnya kita akan memantau perubahan fail kita, memanggil tugas kita dalam kes ini:

javascriptexports.default = function() {
  watch('src/*.less', task);
};

Selepas dilancarkan dalam baris perintah, tugas "kekal" akan berjalan. Ini bermakna terminal ini tidak boleh digunakan untuk memasukkan perintah lain. Untuk menghentikan pelaksanaan tugas sedemikian, tekan dalam terminal gabungan Ctrl + C.

Anda boleh memantau pelbagai kumpulan fail, dengan mengaitkan pelbagai tugas kepada mereka:

javascriptexports.default = function() {
  watch('src/*.less', task1);
  watch('src/*.sass', task1);
};

Atau anda boleh melaksanakan siri tugas untuk satu kumpulan:

javascriptexports.default = function() {
  watch('src/*.less', series(task1, task2));
};