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:

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

Sekarang mari buat tugas untuk penukaran:

function 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:

exports.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:

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

Atau anda boleh melaksanakan siri tugas untuk satu kumpulan:

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

Andaikan anda mempunyai sekumpulan fail JavaScript. Lakukan supaya fail-fail ini digabungkan menjadi satu fail, dan kemudian peminimakan fail tersebut dilaksanakan. Lakukan supaya tugas dilaksanakan apabila mana-mana fail kita berubah.