Omdøping av filer i Gulp

Ved minimering av CSS eller JavaScript-filer ville det vært veldig praktisk om de optimerte filene i navnet ble merket som min, for eksempel styles.min.css.

For dette brukes plugin-programmet gulp-rename, som omdøper filen før lagring. For å installere plugin-programmet må du i kommandolinjen utføre følgende kommando:

terminalnpm install gulp-rename --save-dev

La oss nå koble til CSS-minimereren og det installerte plugin-programmet for omdøping:

javascriptlet {src, dest} = require('gulp');
let cleanCSS = require('gulp-clean-css');
let rename = require('gulp-rename');

La oss nå utføre omdøping av filer før de lagres:

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