การย่อขนาดไฟล์ใน Gulp

ตอนนี้เรามาเรียนรู้การดำเนินการ กับกลุ่มไฟล์กัน โดยเริ่มจากไฟล์ CSS กันก่อน นี่ทำได้โดยใช้ปลั๊กอิน gulp-clean-css

เริ่มแรกเราต้องติดตั้งปลั๊กอินนี้ ลงในโปรเจกต์ของเรา:

npm install gulp-clean-css --save-dev

หลังจากนั้นให้นำเข้า (import) ปลั๊กอินที่ติดตั้งไว้:

let {src, dest} = require('gulp');
let cleanCSS = require('gulp-clean-css');

มาใช้มันกับไฟล์ตัวอย่างกัน:

function task(cb) {
	return src('src/styles.css')
		.pipe(cleanCSS())
		.pipe(dest('dist'));
}

มาใช้ปลั๊กอินของเรากับกลุ่มไฟล์:

function task(cb) {
	return src('src/*.css')
		.pipe(cleanCSS())
		.pipe(dest('dist'));
}

ใช้ปลั๊กอิน gulp-uglify เพื่อย่อขนาดกลุ่มไฟล์ JavaScript