Tạo tác vụ trong Gulp

Để Gulp hoạt động cần có một tệp đặc biệt là gulpfile.js, được đặt trong thư mục gốc của dự án. Các tác vụ cho Gulp được đặt trong tệp này. Các tác vụ này là các hàm JavaScript.

Hãy tạo một tác vụ thử nghiệm để khởi động. Đầu tiên, tạo tệp đã chỉ định và kết nối thư viện của chúng ta vào nó:

let gulp = require('gulp');

Hãy tạo một hàm với tác vụ đầu tiên của chúng ta và export nó:

let gulp = require('gulp');

function task(cb) {
	console.log('my first task completed!');
	cb(); // một callback đặc biệt, sẽ nói sau
}

exports.default = task;

Để chạy tác vụ của chúng ta, trong khi đang ở thư mục dự án, hãy thực thi lệnh sau trong dòng lệnh:

gulp

Tạo một tác vụ in ra thời điểm hiện tại trong console. Chạy tác vụ này thông qua dòng lệnh.

Giải thích về cb

Bạn hẳn đã để ý rằng vào hàm tác vụ có một tham số là một hàm callback, hàm này cần được gọi vào cuối tác vụ:

function task(cb) {
	console.log('my first task');
	cb(); // gọi callback
}

Điều này được thực hiện để thông báo cho Gulp biết rằng tác vụ đã hoàn thành và có thể bắt đầu tác vụ tiếp theo.

Không cần phải suy nghĩ quá nhiều về điều này - chỉ cần gọi callback vào cuối. Trong các bài học sau, khi tác vụ của chúng ta trả về một thứ gì đó thông qua return, việc gọi callback sẽ không cần thiết.