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 :
npm install gulp-rename --save-dev
Incluons maintenant le minificateur CSS et le plugin installé pour le renommage :
let {src, dest} = require('gulp');
let cleanCSS = require('gulp-clean-css');
let rename = require('gulp-rename');
Effectuons maintenant le renommage des fichiers avant leur sauvegarde :
function task(cb) {
return src('src/*.css')
.pipe(cleanCSS())
.pipe(rename({
extname: '.min.css'
})
)
.pipe(dest('dist'));
}
Minimisez les fichiers JavaScript à l'aide du
plugin gulp-uglify de sorte que les fichiers
résultants aient l'extension .min.js.
