如何防止gulp-sass创建文件夹“sass”后我吞噬我的scss文件到css文件？

Question

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

gulp.task('sass', function() { 
    gulp.src('src/**/*.scss') 
    .pipe(sass()) 
    .pipe(gulp.dest('./src/css')); 
}); 

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

我想把css文件放到src/css文件夹中。但是在gulp之后，css文件将在src/css/sass目录中。如何防止吞咽创建sass文件夹？我只想要在src/css目录中的文件，而不是src/css/sass。

Answer 1

我假设你在src内有sass目录。

默认情况下，gulp.src()将**之前的所有内容都视为base。在base之后的所有内容（包括与**匹配的部分）都将位于目标文件路径中。

你顶嘴任务改为

gulp.task('sass', function() { 
    gulp.src('src/sass/**/*.scss') 
      // ^-- now sass directory is part of 'base' 
    .pipe(sass()) 
    .pipe(gulp.dest('./src/css')); 
}); 

了解更多关于basehere。