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:

terminalnpm install gulp-rename --save-dev

Wacha sasa tuingize kipunguzi cha CSS na programu-jalizi iliyowekwa kwa kubadilisha jina:

javascriptlet {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:

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