ფაილების გაერთიანება Gulp-ში

CSS კოდის წერისას მოსახერხებელია მისი რამდენიმე ფაილად დაყოფა. თუმცა, რაც უფრო მეტი ფაილი იქნება, საიტის გვერდი უფრო ნელა ჩაიტვირთება. გამოდის, რომ კოდის წერისას მოსახერხებელია მუშაობა რამდენიმე ფაილში, მაგრამ HTML-თან დაკავშირებისას ეს ფაილები ერთში გაერთიანდეს.

ამაში დაგვეხმარება სპეციალური პლაგინი gulp-concat. მოდით დავაყენოთ ის ჩვენს პროექტში: ჩვენს პროექტში:

terminalnpm install gulp-concat --save-dev 

ამის შემდეგ დავაიმპორტოთ დაყენებული პლაგინი:

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

მოდით მისი გამოყენებით შევკრიბოთ რამდენიმე CSS ფაილი ერთში:

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

ოპერაციები გაერთიანებულ ფაილთან

გაერთიანების შემდეგ ჯაჭვის გასწვრივ შემდგომ დაიწყებს მოძრაობას ერთი გაერთიანებული ფაილი და მასზე შესაძლებელი იქნება სხვადასხვა ოპერაციების შესრულება.

მაგალითისთვის მოდით შევასრულოთ CSS-ის მინიმიზაცია:

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