꿀꺽 꿀꺽 : 파일을 각 별도의 저음 프로세스에 연결

Question

한 폴더의 모든 scss 개 파일을 별도의 css 개 파일로 처리하는 꿀꺽 쓰는 작업을 작성했습니다.

gulp.task('process', function() { 
    gulp.src(['./base.scss', './layout/*.scss']) 
    .pipe(sass()) 
    .pipe(gulp.dest('dist')) 
}); 

는 지금은 각 scss 과정을 하나 개의 파일 (base.scss)을 연결하는 원한다 내가 어떻게 할 수 있니?

Answer 1

도움이 될만하지만 테스트하지 않았습니다. Gulp-foreach이 좋다면 gulp.src의 각 파일을 개별 스트림으로 처리하여 별도로 조작 할 수 있습니다. 아래의 코드는 base.scss를 각 스트림에 추가 한 다음 연결 한 다음 sass 파이프를 통과합니다.

var foreach = require('gulp-foreach'); 
var concat = require('gulp-concat'); 
var addsrc = require('gulp-add-src'); 

gulp.task('default', function() { 
    return gulp.src('./layout/*.scss') 
     // treats each file in gulp.src as a separate stream 
    .pipe(foreach(function (stream, file) { 
     return stream 
     // append or prepend 
     .pipe(addsrc.append('./base.scss')) 
     // you do have access to the 'file' parameter here if you need to rename 
     .pipe(sass()) 
     .pipe(concat(path.basename(file.path))) 
     .pipe(gulp.dest('dist')); 
    })); 
}); 

작동 여부를 알려주세요.