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

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

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

terminalnpm install gulp-clean-css --save-dev

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

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

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

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

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

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