Estoy leyendo un tutorial sobre sassaquí luego probé algún otro enfoque y no puedo obtener la respuesta en este tutorial. Ahí está el problema. Tengo este código en mi 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 ahora, solo tengo assets / css / sass / guest.navbar.scss y este código ubica los archivos scss correctamente y coloca el archivo css de salida en el directorio correctoPERO el CSS se nombra comoguest.navbar.css que no esperaba Quiero que se nombre comonavbar.css pero como