Gulp Sass使用過濾器將同一文件夾中的所有文件

Question

我正在嘗試為文件夾及其子文件夾中的所有文件運行Gulp Sass，並將css結果保留在scss文件所在的路徑中。

當我運行這個

var filter = filters(['*', '!app/css/skins/color-vars-template.scss',     '!app/css/skins/skin-template.scss']);
gulp.task('sass', function () {
    gulp.src('app/css/*.scss')
        .pipe(filter)
        .pipe(sass())
        .pipe(gulp.dest("app/css"))

});

我在app / css文件夾中有CSS編譯文件。

現在當我運行這個

var filter = filters(['*', '!app/css/skins/color-vars-template.scss',     '!app/css/skins/skin-template.scss']);
gulp.task('sass', function () {
    gulp.src('app/**/*.scss')
        .pipe(filter)
        .pipe(sass())
        .pipe(gulp.dest("app/**/*"))

});

我想編譯所有的scss文件，並將css文件保存在scss文件所在的文件夾中，但是什么也沒發生。

Answer 1

看來您可以簡化gulp.dest以獲得所需的文件路徑。

• 更改： .pipe(gulp.dest("app/**/*"))
• 到： .pipe(gulp.dest("app"))

在這里解釋： https : //stackoverflow.com/a/23249384/284091

目的地不需要是動態的，因為目的地也使用了球形路徑。 只需通過管道將其傳遞到您要在其中分發src的同一基本目錄，本例中為“ app”。