フォルダーに依存してCSSを構築する

Question

私のテーマフォルダに依存してCSSファイルを構築することは可能ですか？問題は、私はそこにいくつかのテーマがあり、同じセットアップで、Theme.scssをとり、Theme、Theme1などにCSSファイルを作成する必要があるということです。

gulp.task('sass', function() { 
    return gulp.src('Css/Clients/**/theme.scss') // Gets all files ending with .scss 
    .pipe(sass({outputStyle: 'compact'})) 
    .pipe(gulp.dest('app/css')) 
    .pipe(browserSync.reload({ 
     stream: true 
    })) 
}); 

gulp.task('watch', ['browserSync', 'sass', 'php'], function() { 
    gulp.watch('Css/**/*.scss', ['sass']); 
}) 

編集：

イムは、私はこのようなルックスを取得する問題以下の解決しようと試み：

をしかし、私は、テーマでちょうどtheme.cssを必要としますtheme1フォルダ内にander theme1.cssなどがあります。助言がありますか ？

gulp.task('sass', function() { 
    var folders = getFolders(scriptsPath); 

    var tasks = folders.map(function(folder) { 
     return gulp.src(path.join(scriptsPath, folder, '/**/*.scss')) 
     .pipe(sass({outputStyle: 'compact'})) 
     // concat into foldername.js 
     .pipe(concat(folder + '.css')) 
     // write to output 
     .pipe(gulp.dest(scriptsPath)) 
     // write to output again 
     .pipe(gulp.dest(scriptsPath)); 
    }); 


    return merge(tasks); 
    console.log(folders); 

}); 

Answer 1

あなたは、このような複数の宛先を指定することができます。

gulp.task('sass', function() { 
    return gulp.src('Css/Clients/**/theme.scss') // Gets all files ending with .scss 
    .pipe(sass({outputStyle: 'compact'})) 
    .pipe(gulp.dest('app/css')) 
    .pipe(gulp.dest('app/Theme')) 
    .pipe(gulp.dest('app/Theme1')) 
    .pipe(browserSync.reload({ 
     stream: true 
    })) 
}); 

Answer 2

は、それのおかげでみんなを手に入れました！

gulp.task('sass', function() { 
var folders = getFolders(scriptsPath); 

var tasks = folders.map(function(folder) { 
    return gulp.src(path.join(scriptsPath, folder, '/**/*.scss')) 
    .pipe(sass({outputStyle: 'compact'})) 
    // concat into foldername 
    .pipe(concat(folder + '.css')) 
    // write to output 
    .pipe(gulp.dest(scriptsPath+folder)) 
}); 

}）;