ოპერაციების ნაკადი Gulp-ში

მოდით ახლა ვისწავლოთ როგორ შევასრულოთ მრავალი ოპერაცია ფაილებზე. მაგალითად, ჯერ გარდავქმნათ LESS CSS-ში, შემდეგ კი მინიმიზაცია გავუკეთოთ მიღებულ CSS-ს.

დასაწყისისთვის მოდით იმპორტი გავაკეთოთ ყველაფრის, რაც საჭიროა:

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

ახლა შევასრულოთ აღწერილი ოპერაციები:

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

გადააქციეთ Stylus ფაილები CSS-ში პლაგინის gulp-stylus გამოყენებით, შემდეგ დაამატეთ პრეფიქსები თვისებებს პლაგინის gulp-autoprefixer გამოყენებით და შემდეგ შეასრულეთ მიღებული CSS-ის მინიმიზაცია პლაგინის gulp-csso გამოყენებით.