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”。