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ă:
npm install gulp-rename --save-dev
Să conectăm acum minimizatorul CSS și plugin-ul instalat pentru redenumire:
let {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:
function task(cb) {
return src('src/*.css')
.pipe(cleanCSS())
.pipe(rename({
extname: '.min.css'
})
)
.pipe(dest('dist'));
}
Minimizați fișierele JavaScript folosind
plugin-ul gulp-uglify astfel încât fișierele
rezultate să aibă extensia .min.js.
