Renommer des fichiers dans Gulp

Lors de la minification de fichiers CSS ou JavaScript, il serait très pratique que les fichiers optimisés soient marqués dans leur nom comme min, par exemple, styles.min.css.

Pour cela, le plugin gulp-rename est utilisé, qui renomme le fichier avant de l'enregistrer. Pour installer le plugin, il faut exécuter la commande suivante dans la ligne de commande :

terminalnpm install gulp-rename --save-dev

Incluons maintenant le minificateur CSS et le plugin installé pour le renommage :

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

Effectuons maintenant le renommage des fichiers avant leur sauvegarde :

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