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

看起来您可以简化Get-ChildItem以获取所需的文件路径。

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

在此解释：https://stackoverflow.com/a/23249384/284091

  

目标不需要是动态的，因为全局路径也用于dest。只需管道到同一个基本目录，你就可以将src与其结合起来，在本例中为“app”。