Gulp에서 파일 최소화

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

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

terminalnpm install gulp-clean-css --save-dev

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

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

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

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

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

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