ตัวประมวลผลล่วงหน้า CSS ใน Gulp

ตอนนี้เรามาเรียนรู้การแปลง LESS เป็น CSS กัน สิ่งนี้ทำได้ด้วยปลั๊กอิน gulp-less

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

terminalnpm install gulp-less --save-dev

หลังจากนั้นนำเข้าปลั๊กอินที่ติดตั้งแล้ว:

javascriptlet {src, dest} = require('gulp');
let less = require('gulp-less');

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

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