[Gulp] gulp-concat으로 파일 합치기

작업을 하다 보니까 파일을 병합할 필요가 있었다.

그래서 찾은 gulp-concat!

 

사용 방법은 가능하다.

우선 설치를 하고!

 npm i --save-dev gulp-concat

 

아래처럼 사용이 가능하다.

var concat = require('gulp-concat');
 
gulp.task('scripts', function() {
  return gulp.src('./lib/*.js')
    .pipe(concat('all.js'))
    .pipe(gulp.dest('./dist/'));
});

 

 

이걸 이제 내 방식으로 변형해서 아래 같은 식으로 적용했다.

import concat from "gulp-concat";

const style = () =>
  gulp
    .src(dir.src.css + "**/*.css")
    .pipe(concat('all.css'))
    .pipe(gulp.dest(dir.dist.css));

이러고 dist 폴더 경로로 들어가 살펴보면 all.js라는 이름으로 파일이 합쳐져 있다.