Gulp에서 파일 이름 변경하기

CSS 또는 JavaScript 파일을 최소화할 때 최적화된 파일 이름에 min 같은 표시가 있으면 매우 편리합니다, 예를 들어 styles.min.css.

이를 위해 사용되는 플러그인은 gulp-rename입니다. 이 플러그인은 파일을 저장하기 전에 이름을 변경합니다. 플러그인을 설치하려면 명령줄에서 다음 명령을 실행해야 합니다:

terminalnpm install gulp-rename --save-dev

이제 CSS 최소화기와 설치한 이름 변경 플러그인을 연결하겠습니다:

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

이제 파일을 저장하기 전에 이름을 변경해 보겠습니다:

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