Failų pervadinimas naudojant Gulp
Minimizuojant CSS ar JavaScript failus
būtų labai patogu, jei optimizuoti
failai pavadinime būtų pažymėti kaip min,
pavyzdžiui, styles.min.css.
Tam naudojamas įskiepis gulp-rename, kuris pakeičia failo pavadinimą prieš išsaugant. Įskiepiui įdiegti reikia komandinėje eilutėje vykdyti šią komandą:
npm install gulp-rename --save-dev
Prijunkime dabar CSS minimizatorių ir įdiegtą įskiepį pervadinimui:
let {src, dest} = require('gulp');
let cleanCSS = require('gulp-clean-css');
let rename = require('gulp-rename');
Atlikime dabar failų pervadinimą prieš juos išsaugant:
function task(cb) {
return src('src/*.css')
.pipe(cleanCSS())
.pipe(rename({
extname: '.min.css'
})
)
.pipe(dest('dist'));
}
Minimizuokite JavaScript failus naudodami
įskiepį gulp-uglify taip, kad gauti
failai turėtų plėtinį .min.js.
