ตัวประมวลผลล่วงหน้า CSS ใน Gulp
ตอนนี้เรามาเรียนรู้การแปลง LESS เป็น CSS กัน สิ่งนี้ทำได้ด้วยปลั๊กอิน gulp-less
เริ่มแรกจำเป็นต้องติดตั้งปลั๊กอินนี้ ลงในโปรเจกต์ของเรา:
npm install gulp-less --save-dev
หลังจากนั้นนำเข้าปลั๊กอินที่ติดตั้งแล้ว:
let {src, dest} = require('gulp');
let less = require('gulp-less');
ใช้ปลั๊กอินของเราสำหรับกลุ่มไฟล์:
function task(cb) {
return src('src/*.less')
.pipe(less())
.pipe(dest('dist'));
}
ใช้ปลั๊กอิน gulp-sass แปลงไฟล์ SASS เป็น CSS
