Fájlok átnevezése Gulp-ban

CSS vagy JavaScript fájlok minifikálásakor nagyon kényelmes lenne, ha az optimalizált fájlok a nevekben min-ként jelölnének, például: styles.min.css.

Ehhez a gulp-rename plugin használatos, ami átnevezi a fájlt mentés előtt. A plugin telepítéséhez a parancssorban a következő parancsot kell végrehajtani:

terminalnpm install gulp-rename --save-dev

Kapcsoljuk most be a CSS minifikátort és a telepített plugint az átnevezéshez:

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

Végezzük el most a fájlok átnevezését mentés előtt:

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