การสร้างงานใน Gulp

สำหรับการทำงานของ Gulp จำเป็นต้องมีไฟล์พิเศษคือ gulpfile.js วางอยู่ในโฟลเดอร์รากของโปรเจกต์ ไฟล์นี้เป็นที่จัดเก็บงานสำหรับ Gulp งานเหล่านี้เป็นฟังก์ชัน JavaScript

มาลองสร้างงานทดสอบเพื่อเป็นการวอร์มอัพกัน เริ่มต้นด้วยการสร้างไฟล์ที่ระบุและเชื่อมต่อ ไลบรารี่ของเราเข้าไป:

let gulp = require('gulp');

สร้างฟังก์ชันสำหรับงานแรกของเราและ ส่งออกฟังก์ชันนั้น:

let gulp = require('gulp');

function task(cb) {
	console.log('my first task completed!');
	cb(); // คอลแบ็กพิเศษ จะอธิบายภายหลัง
}

exports.default = task;

สำหรับการรันงานของเรา โดยอยู่ภายในโฟลเดอร์ โปรเจกต์ ให้รันคำสั่งต่อไปนี้ใน command line:

gulp

สร้างงานที่แสดงผลเวลาปัจจุบัน ในคอนโซล รันงานนี้ผ่าน command line

คำอธิบายเกี่ยวกับ cb

คุณคงสังเกตเห็นว่า พารามิเตอร์ที่ส่งเข้าไปในฟังก์ชันงานคือฟังก์ชันคอลแบ็ก ซึ่งควรจะถูกเรียกเมื่อสิ้นสุดงาน:

function task(cb) {
	console.log('my first task');
	cb(); // เรียกคอลแบ็ก
}

การทำเช่นนี้มีเพื่อแจ้ง Gulp ว่างานเสร็จสิ้นแล้วและสามารถดำเนินการ งานถัดไปได้

ไม่จำเป็นต้องคิดลึกซึ้งมากนัก - แค่เรียก คอลแบ็กเมื่อจบงาน ในบทเรียนต่อไป เมื่อ งานของเราต้องการคืนค่าอะไรบางอย่างผ่าน return การเรียกคอลแบ็กจะไม่จำเป็น