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

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

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

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

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

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

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

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

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

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

exports.default = taskD;

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

javascriptexports.default = series(task1, task2);

การดำเนินการแบบขนาน

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

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

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

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

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

exports.default = taskD;

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

javascriptexports.default = parallel(task1, task2);

การรวมกัน

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

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