Gulp가 두 번째 실행시 잘못된 디렉토리에 파일을 넣습니다.

Question

Gulp에 이상한 문제가 있습니다. 다음은 내 Gulp 파일입니다.

var gulp = require('gulp'); 
var autoprefixer = require('gulp-autoprefixer'); 
var notify = require('gulp-notify'); 
var sass = require('gulp-ruby-sass'); 

gulp.task('default', function() { 
    gulp.run('main'); 

    gulp.watch('sass/*.scss', function() { 
     gulp.run('main'); 
    }) 
}); 


gulp.task('main', function() { 
    return gulp.src('sass/**/*.scss') 
     .pipe(sass()) 
     .on('error', notify.onError(function(error) { return 'Error: ' + error.message; })) 
     // .pipe(autoprefixer('last 10 version')) 
     .pipe(gulp.dest('./css')) 
     .pipe(notify({ message: 'Your SASS has been auto-prefixed and minified.'})) 
    ; 
}); 

스크립트가 처음 올바르게 실행됩니다. 그러나 Gulp을 실행하지 않고 동일한 스크립트를 두 번 이상 실행하면 .SCSS 파일의 하위 항목으로 SASS 디렉토리에 저장됩니다. 왜 이런 일이 일어나는 지 알기나 해. 디버깅하는 방법을 모르겠습니다.

Answer 1

다음 코드를 시도해보십시오.

gulp에 대해 올바른 구문을 사용하며 gulp.run()을 지원되는 함수 인수로 바꿉니다. 답을 찾을 수

이

var gulp = require('gulp'); 
var autoprefixer = require('gulp-autoprefixer'); 
var notify = require('gulp-notify'); 
var sass = require('gulp-ruby-sass'); 




gulp.task('main', function() { 
    return gulp.src('./sass/**/*.scss') 
    .pipe(sass()) 
    .on('error', notify.onError(function(error) { return 'Error: ' + error.message; })) 
    .pipe(gulp.dest('./css')) 
    .pipe(notify({ message: 'Your SASS has been auto-prefixed and minified.'})); 
}); 

gulp.watch('sass/*.scss', ['main']); 
gulp.task('default', ['main']); 

Answer 2

의 gulp.dest이 gulp.src의 폴더 구조를 유지, 당신은이 기본이

로 설정되어 어떤 폴더 제외됩니다 SRC의 기본 속성을 설정할 수 있습니다 오버라이드 (override) gulp.src

에서 예를 gulp.src('./sass/' + '**/*.scss', {base: 'sass'})이 이제 대상에서 말대꾸를 제외, 더 이상 gulp.dest에 말대꾸를 추가

See 및 this보기