如何防止在我吞咽我的scss文件到css文件后，gulp-sass创建文件夹"sass"？

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

我假设您在src中有一个sass目录。

默认情况下，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的信息