Premenovávanie súborov v Gulp

Pri minimalizácii CSS alebo JavaScript súborov by bolo veľmi pohodlné, keby boli optimalizované súbory v názve označené ako min, napríklad styles.min.css.

Na to sa používa plugin gulp-rename, ktorý premenuje súbor pred uložením. Na inštaláciu pluginu je potrebné v príkazovom riadku vykonať nasledujúci príkaz:

terminalnpm install gulp-rename --save-dev

Pripojme teraz minimalizér CSS a nainštalovaný plugin na premenovanie:

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

Vykonajme teraz premenovanie súborov pred ich uložením:

javascriptfunction task(cb) {
  return src('src/*.css')
    .pipe(cleanCSS())
    .pipe(rename({
        extname: '.min.css'
      })
    )
    .pipe(dest('dist'));
}