Redenumirea fișierelor în Gulp

La minimizarea fișierelor CSS sau JavaScript ar fi foarte convenabil dacă fișierele optimizate ar fi marcate în nume ca min, de exemplu, styles.min.css.

Pentru aceasta se folosește plugin-ul gulp-rename, care redenumește fișierul înainte de salvare. Pentru a instala plugin-ul este necesar să executați în linia de comandă următoarea comandă:

terminalnpm install gulp-rename --save-dev

Să conectăm acum minimizatorul CSS și plugin-ul instalat pentru redenumire:

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

Să executăm acum redenumirea fișierelor înainte de salvarea lor:

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