Файлҳоро дар Gulp муттаҳид кардан

Ҳангоми навиштани рамзи CSS ҳамроҳ кардани он дар якчанд файлҳо дорои манфиат аст. Аммо, шумораи файлҳо зиёдтар, саҳифаи сомона дар сусттар бор мешавад. Чунин бармеояд, ки ҳангоми навиштани рамз кор кардан дорои манфиат аст дар якчанд файлҳо кор кунед, вале ҳангоми пайваст кардан ба HTML ин файлҳоро якҷоя кунед.

Дар ин ба мо плагини махсус gulp-concat кумак хоҳад кард. Биёед онро ба лоиҳаи худ насб кунем: ба лоиҳаи худ:

npm install gulp-concat --save-dev

Пас аз ин плагини насбшударо ворид мекунем:

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

Биёед бо ёрии он якчанд файли CSS-ро якҷоя кунем:

function task(cb) {
	return src('src/*.css')
		.pipe(concat('bundle.css'))
		.pipe(dest('dist'));
}

Якчанд файли JavaScript-ро якҷоя кунед.

Амалиётҳо бо файли муттаҳидшуда

Пас аз якҷоя кардан дар занҷир дар пеш хоҳад рафт як файли муттаҳидшуда ва рӯи он метавон амалиётҳои гуногунро иҷро кард.

Барои мисол биёед CSS-ро хурд кунем:

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

Якчанд файли LESS-ро якҷоя кунед, сипас ин файлро ба CSS табдил диҳед, сипас хурдкунии CSS-и ба даст овардаро иҷро кунед.