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ā:

terminalnpm install gulp-concat --save-dev 

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

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

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

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

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:

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