Gulp concat in order

Question

GulpJS를 사용하여 sass 파일을 만들고 싶습니다. 가장 큰 문제는 gulp.src()에 연결할 때 존중하고 싶은 특정 순서가 있다는 것입니다. 작동하지 않는

내 작업 ...

gulp.task('createGlobalScss', function(done) { 
    return gulp.src([ 
    'sass/colors.scss', 
    'sass/theme.scss', 
    'sass/settings.scss', 
    'sass/functions.scss', 
    'sass/mixins.scss', 
    'sass/components/**/settings.scss', 
    'sass/theme.scss', 
    'sass/components/**/*.scss' 
    ]) 
    .pipe(concat('globalScss.scss')) 
    .pipe(gulp.dest('./')); 
    done(); 
}); 

문제 : 결과는 무질서하고 내가 말대꾸에서 @import를 사용하지 않습니다.

Answer 1

밖으로 gulp-order

쭉 마시는 차 플러그인 꿀꺽 당신이 gulp.src의 같은 구문을 사용하여 파일의 스트림을 재 배열 할 수 있도록 허용합니다.

당신의 임무는 당신이 경우에 명시 적 비동기 콜백을 필요로하지 않는로

var order = require('gulp-order'); 

gulp.task('createGlobalScss', function() { 
    return gulp.src('sass/**/*.scss') 
    .pipe(order([ 
     'sass/colors.scss', 
     'sass/theme.scss', 
     'sass/settings.scss', 
     'sass/functions.scss', 
     'sass/mixins.scss', 
     'sass/components/**/settings.scss', 
     'sass/theme.scss', 
     'sass/components/**/*.scss' 
    ], { base: __dirname })) 
    .pipe(concat('globalScss.scss')) 
    .pipe(gulp.dest('./')); 
}); 

또한 여기 done 제거 할 수 있습니다 ... 같은 구성 될 수있다. 또한 예상대로 작동하도록 지정해야하는 base option이 있음을 알 수 있습니다. 이 제안 된 솔루션 작업을 보여줍니다 아래의 토론, here is a proof of concept 당

---

...