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-ке түрлендіріңіз.