如何防止gulp-sass创建文件夹＆＃34; sass＆＃34;我把我的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目录中。如何防止gulp创建sass文件夹？我只想要src / css目录中的文件，而不是src / css / sass。

Answer 1

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

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

将您的sass任务更改为

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

详细了解base here。