Gulp Sass - 出力CSSの名前を正しく指定するにはどうすればよいですか？

Question

私はおしゃれについてのチュートリアルhereを読んでいますが、私は他のアプローチを試しました。このチュートリアルでは答えが得られません。 Theres問題。私は、私だけの資産を持っている/ CSS/SASS/guest.navbar.scss私gulpfile.jsで、今のよう

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

をこのコードを持っており、このコードが正しくSCSSファイルを検索し、出力のCSSファイルを置きます正しいディレクトリBUT私は期待していなかったguest.navbar.cssという名前のCSSです。私はそれがnavbar.cssとしてどのように名前を付けたいですか？

Answer 1

gulp-sassは、ファイル名パラメータを使用しません。ファイルの名前を変更するには、gulp-renameを使用します。 1つのnavbar.cssファイルに連結したいファイルが複数ある場合は、gulp-concatを自由に使用してください。この1は私がガルプ経験がないnpm install gulp-concat --save-dev

var concat = require('gulp-concat'); 

return gulp.src('assets/css/sass/**/*/*.navbar.scss') 
    .pipe(sass()) 
    .pipe(concat('navbar.css')) 
    .pipe(gulp.dest('assets/css');