Failu apvienošana Gulp

Rakstot CSS kodu, ir ērti to sadalīt vairākos failos. Tomēr, jo vairāk failu, jo lēnāk ielādēsies vietnes lapa. Izrādās, ka, rakstot kodu, ir ērti strādāt ar vairākiem failiem, bet, pievienojot to HTML, šie faili jāapvieno vienā.

To mums palīdzēs īpašs spraudnis gulp-concat. Instalēsim to mūsu projektā: mūsu projektā:

npm install gulp-concat --save-dev

Pēc tam importēsim instalēto spraudni:

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

Ar tā palīdzību apvienosim vairākus CSS failus vienā:

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

Apvienojiet vairākus JavaScript failus vienā.

Darbības ar apvienoto failu

Pēc apvienošanas pa ķēdi tālāk kustēsies viens apvienotais fails, un ar to varēs veikt dažādas operācijas.

Piemēram, veiksim CSS minimizēšanu:

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

Apvienojiet vairākus LESS failus vienā, pēc tam pārveidojiet šo failu par CSS, pēc tam veiciet iegūtā CSS minimizēšanu.