[javascript] Gulp를 사용하여 자바스크립트 파일을 특정 폴더로 복사하는 방법
Gulp는 자바스크립트 프로젝트를 자동화하기 위한 인기있는 도구입니다. 이번 글에서는 Gulp를 사용하여 자바스크립트 파일을 특정 폴더로 복사하는 방법에 대해 알아보겠습니다.
Gulp 설치하기
먼저 Gulp를 설치해야 합니다. 아래의 명령을 사용하여 전역으로 Gulp를 설치합니다.
npm install -g gulp
프로젝트 설정
프로젝트 폴더로 이동한 후, package.json
파일을 생성합니다. 아래의 명령을 사용하여 package.json
파일을 생성합니다.
npm init -y
이제 Gulp를 사용하기 위해 필요한 패키지를 package.json
파일에 추가합니다. gulp
와 gulp-rename
패키지를 설치합니다.
npm install --save-dev gulp gulp-rename
Gulpfile 만들기
프로젝트 폴더에 gulpfile.js
파일을 생성합니다. 이 파일은 Gulp 작업을 정의하는 곳입니다.
아래의 예제 코드는 src
폴더에 있는 모든 자바스크립트 파일을 dist
폴더로 복사하는 작업을 정의한 것입니다.
const gulp = require('gulp');
const rename = require('gulp-rename');
gulp.task('copy', function() {
return gulp.src('src/*.js')
.pipe(rename({ suffix: '.copy' }))
.pipe(gulp.dest('dist'));
});
이제 Gulp를 실행하여 자바스크립트 파일을 복사해 봅시다. 프로젝트 폴더에서 아래의 명령을 실행합니다.
gulp copy
이 명령을 실행하면 src
폴더에 있는 모든 자바스크립트 파일이 dist
폴더로 복사됩니다. 복사된 파일들은 원본 파일 이름 뒤에 .copy
가 추가된 파일 이름을 가지게 됩니다.
결론
이렇게 Gulp를 사용하여 자바스크립트 파일을 특정 폴더로 복사할 수 있습니다. Gulp는 다양한 작업을 자동화하는데 유용한 도구이며, 복사 작업 외에도 많은 다른 작업을 정의할 수 있습니다. Gulp를 사용하면 개발과정을 보다 효율적으로 관리할 수 있습니다.