Почему gulp визуализирует .css и css.maps в каталоге .scss?

Question

Я потратил немного времени, пытаясь понять, почему при выполнении этой задачи визуализируются файлы .css и .css.map.

 //list dependencies 
var gulp = require('gulp'); 
var sass = require('gulp-sass'); 
var concat = require('gulp-concat'); 
// var minify = require('gulp-minify-css'); 
// var merge = require('merge-stream'); 
var watch = require('gulp-watch'); 

/*sass watch and compiler */ 
gulp.task('sass', function() { 
    return gulp.src('./assets/sass/styles.scss') //simon H change 
      .pipe(sass().on('error', sass.logError)) 
      .pipe(gulp.dest('./dist/css')); 
}); 
/*sass compiler */ 

gulp.task('scripts', function() { 
    return gulp.src("./assets/js/**/*.js") 
    .pipe(concat('scripts.js')) 
    .pipe(gulp.dest('./dist/js')); 
}); 

gulp.task('watch', function() { 
    gulp.watch('./assets/sass/styles.scss', ['sass']); 
    gulp.watch('./assets/js/**/*.js', ['scripts']); 
}); 

gulp.task("build", ['sass','scripts','watch']); 

структура папок выглядит, как это раньше скомпилирован

/assets 
--/js 
--/sass 
----/includes 
------/components 
--------/_body.scss 
--------/_nav.scss 
--------/_hamburger.scss 
----/styles.scss 
    --/css 

Тогда это выглядит так, как только построили.

/assets 
--/js 
--/sass 
----/includes 
------/components 
--------/_body.css  <- 
--------/_body.css.map <-- new files 
--------/_body.scss 
--------/_nav.scss 
--------/_hamburger.scss 
----/styles.scss 
    --/css 
dist/ 
--/css 
----/styles.css 

Styles.scss Содержание

@import 'includes/components/_nav'; 
@import 'includes/components/_hamburger'; 
@import 'includes/components/_body'; 

После этого компилирует он работает, однако, CSS и css.map файлы создаются в этом месте, когда я изменить _body.scss файл (такой же, как все другие файлы scss). Я не хочу, чтобы _body.css и другие файлы были скомпилированы в папке assets/sass.

Answer 1

Почему бы просто не проглотить ваш основной файл sass и не оставить его для импорта?

return gulp.src('./assets/sass/styles.scss')