การจัดองค์ประกอบงาน Gulp

งานของ Gulp สามารถจัดกลุ่มเข้าด้วยกันได้ (เป็นการจัดองค์ประกอบ) ซึ่งงานภายในกลุ่มจะถูกดำเนินการตามลำดับ หรือแบบขนาน

มาดูกันว่าทำได้อย่างไร สำหรับ ตัวอย่าง ลองใช้งานต่อไปนี้:

function task1(cb) {
	cb();
}
function task2(cb) {
	cb();
}

การดำเนินการตามลำดับ

สำหรับการดำเนินการงานตามลำดับ มีฟังก์ชันที่ออกแบบมา คือ series ฟังก์ชันนี้รับพารามิเตอร์ เป็นงานจำนวนกี่งานก็ได้และดำเนินการ ทีละงานตามลำดับที่ระบุ

เริ่มแรกต้องนำเข้าฟังก์ชันนี้ จากไลบรารี Gulp:

const { series } = require('gulp');

ตอนนี้เราสามารถใช้ฟังก์ชันนี้ได้:

function taskD(cb) {
	series(task1, task2);
	cb();
}

exports.default = taskD;

หรือสามารถส่งออกผลลัพธ์จาก series ได้ทันที โดยไม่ต้องสร้างฟังก์ชันเพิ่ม สำหรับงานสาธารณะ:

exports.default = series(task1, task2);

สร้างสามงานที่ดำเนินการตามลำดับ ทีละงาน

สำหรับการดำเนินการงานแบบขนาน มี ฟังก์ชันที่คล้ายกันคือ parallel() มาลอง ดูการทำงานของมัน

เริ่มแรกนำเข้า:

const { parallel } = require('gulp');

ใช้ฟังก์ชันของเราภายในงานสาธารณะ:

function taskD(cb) {
	parallel(task1, task2);
	cb();
}

exports.default = taskD;

หรือแค่ส่งออกผลลัพธ์การทำงาน:

exports.default = parallel(task1, task2);

สร้างสามงานที่ดำเนินการแบบขนาน

ฟังก์ชัน series และ parallel() สามารถซ้อนกันได้ในรูปแบบการผสมผสานใดๆ ก็ได้ ตัวอย่างเช่น แบบนี้:

exports.default = series(task1, parallel(task2, task3));

สร้างห้างาน สร้างตัวอย่างการผสมผสาน ด้วยงานเหล่านี้