Gulp는 프론트엔드 웹 개발에서 많이 사용되는 테스크 러너(task runner)입니다. 이를 사용하여 빌드, 번들링, 테스트, 자동화 등의 작업을 간편하게 처리할 수 있습니다. gulp-clean은 Gulp에서 사용되는 플러그인 중 하나로, 파일이나 폴더를 삭제하는 기능을 제공합니다.

Gulp Clean 설치

먼저, gulp-clean을 설치해야 합니다. 아래의 명령어를 사용하여 npm을 통해 설치할 수 있습니다.

npm install gulp-clean --save-dev

Gulp Clean 사용법

다음은 Gulp Clean을 사용하여 특정 경로의 파일이나 폴더를 삭제하는 예제입니다.

const gulp = require('gulp');
const clean = require('gulp-clean');

gulp.task('clean', function () {
  return gulp.src('dist', { read: false })
    .pipe(clean());
});

위의 예제에서 ‘dist’는 삭제할 폴더의 경로입니다. gulp-clean 플러그인의 gulp.src() 메서드를 사용하여 ‘dist’ 폴더를 선택하고, .pipe(clean()) 메서드를 통해 해당 폴더를 삭제합니다.

Gulp Clean을 사용하기 위해서는 gulpfile.js에 위의 코드를 추가하고, 아래의 명령어를 사용하여 해당 Gulp 태스크를 실행할 수 있습니다.

gulp clean

위의 명령어를 실행하면 ‘dist’ 폴더가 삭제되어 clean 작업이 수행됩니다.

결론

Gulp Clean을 사용하면 Gulp를 통해 웹 개발 작업 중 생성된 파일 또는 폴더를 손쉽게 삭제할 수 있습니다. 이를 활용하여 프로젝트를 깨끗하게 유지하고 필요한 작업을 효율적으로 관리할 수 있습니다.

#gulp #gulpclean