Gulp Sass - Como nomear corretamente a saída css?

Estou lendo um tutorial sobre sassaqui tentei outra abordagem e não consigo obter a resposta neste tutorial. Existe o problema. Eu tenho esse código no meu gulpfile.js

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

A partir de agora, só tenho assets / css / sass / guest.navbar.scss e esse código localiza os arquivos scss corretamente e coloca o arquivo css de saída no diretório corretoMAS o css é nomeado comoguest.navbar.css o que eu não esperava. Eu quero que ele seja nomeado comonavbar.css mas como?

questionAnswers(1)

yourAnswerToTheQuestion