Gulp에서 파일 이름 변경하기

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

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

npm install gulp-rename --save-dev

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

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

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

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

gulp-uglify 플러그인을 사용하여 JavaScript 파일을 최소화하고, 결과 파일의 확장자가 .min.js가 되도록 하세요.