Gulp Sass-如何正确命名输出CSS？

我在这里阅读有关sass的教程，然后尝试了其他方法，但无法在本教程中得到答案。存在问题。我的gulpfile.js中有此代码

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

到目前为止，我只有assets / css / sass / guest.navbar.scss，此代码可正确定位scss文件，并将输出css文件放在正确的目录中，但 css名为guest.navbar.css，但我没有期望。我希望将其命名为navbar.css，但如何命名？