// 필요한 모듈 가져오기
const gulp = require('gulp');
const sass = require('gulp-sass');
const autoprefixer = require('gulp-autoprefixer');
const concat = require('gulp-concat');
const uglify = require('gulp-uglify');

// SASS 파일을 CSS로 변환하는 task
gulp.task('sass', () => {
  return gulp.src('src/scss/*.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(autoprefixer())
    .pipe(gulp.dest('dist/css'));
});

// JavaScript 파일을 묶고 압축하는 task
gulp.task('js', () => {
  return gulp.src('src/js/*.js')
    .pipe(concat('bundle.min.js'))
    .pipe(uglify())
    .pipe(gulp.dest('dist/js'));
});

// 파일 변경 감지 및 자동 실행 task
gulp.task('watch', () => {
  gulp.watch('src/scss/*.scss', gulp.series('sass'));
  gulp.watch('src/js/*.js', gulp.series('js'));
});

// 기본 task 설정
gulp.task('default', gulp.series('sass', 'js', 'watch'));