Kubadilisha Majina ya Faili katika Gulp
Wakati wa kupunguza faili za CSS au JavaScript
ingekuwa rahisi sana, ikiwa faili zilizoimarishwa
zingeonyeshwa kwenye jina kama min,
kwa mfano, styles.min.css.
Kwa hili hutumiwa programu-jalizi gulp-rename, ambayo hubadilisha jina la faili kabla ya kuhifadhi. Ili kusakinisha programu-jalizi ni muhimu kufanya amri ifuatayo kwenye mstari wa amri:
npm install gulp-rename --save-dev
Wacha sasa tuingize kipunguzi cha CSS na programu-jalizi iliyowekwa kwa kubadilisha jina:
let {src, dest} = require('gulp');
let cleanCSS = require('gulp-clean-css');
let rename = require('gulp-rename');
Wacha sasa tufanye ubadilishaji wa majina ya faili kabla ya kuzihifadhi:
function task(cb) {
return src('src/*.css')
.pipe(cleanCSS())
.pipe(rename({
extname: '.min.css'
})
)
.pipe(dest('dist'));
}
Punguza faili za JavaScript kwa kutumia
programu-jalizi gulp-uglify ili faili zitakazotokana
ziwe na kiendelezi .min.js.
