gulp-sass: arquivo scss principal incapaz de encontrar e carregar parciais - sass, gulp-sass

Eu sou novo em usar a estrutura gulp-sass e sassscss em geral, então fique comigo!

Eu tenho um arquivo scss no qual eu quero importar alguns parciais.

Eu tenho uma pasta de estilos em que vive o meu arquivo scss principal e uma subpasta parciais que contém alguns arquivos que eu gostaria de importar.

Então, no topo do meu main.scss eu tenho o típico:

@import "partials/main_menu";
@import "partials/main_usermenu";

Aqui estão as partes relevantes do meu arquivo gulp:

var paths = {
scss_files:"./src/assets/styles/**/*.scss"
}

gulp.task("compile_sass", function () {
return gulp.src(paths.scss_files, {base:"src"})
.pipe(gulp.dest(paths.dist))
.on("error", gutil.log)
.pipe(sass({outputStyle: "compressed"})
.on("error", sass.logError))
.pipe(rename({suffix: ".min"}))
.pipe(gulp.dest(paths.dist))
});

Quando minha tarefa de gulp é executada, recebo um erro dizendo que meu main_menu parcial não foi encontrado ou ilegível e, portanto, falha ao importar.

Estou faltando alguma coisa na minha tarefa, por exemplo? Existe alguma opção gulp-sass que eu deveria estar usando ou deveria funcionar?

obrigado

Respostas:

Depois de ver isto relacionado questão Consegui resolver um problema semelhante que estava tendo.

Acredito que se você adicionar a opção "includePath" à chamada de função sass () que contém o caminho pai para o diretório partials, o erro desaparecerá.

ou seja, algo como .pipe(sass({includePath: ["parent/PathTo/Partials"], outputStyle: "compressed"})