Gulp에서 파일 최소화

이제 파일 그룹에 작업을 적용하는 방법을 배워 봅시다. 먼저 CSS 파일을 최소화하겠습니다. 이것은 플러그인 gulp-clean-css를 사용하여 수행됩니다.

먼저 이 플러그인을 프로젝트에 설치해야 합니다:

npm install gulp-clean-css --save-dev

그런 다음 설치한 플러그인을 가져옵니다:

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

어떤 파일에 대해 사용해 보겠습니다:

function task(cb) {
	return src('src/styles.css')
		.pipe(cleanCSS())
		.pipe(dest('dist'));
}

파일 그룹에 대해 플러그인을 사용해 보겠습니다:

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

플러그인 gulp-uglify를 사용하여 JavaScript 파일 그룹을 최소화하세요.