Gulp Sass - Как правильно назвать вывод css?

Question

Я читаю учебник о sass here, затем я попробовал другой подход, и я не могу получить ответ в этом уроке. Это проблема. У меня есть этот код в моем gulpfile.js

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

В настоящее время, у меня есть только активы/CSS/дерзость/guest.navbar.scss и этот код правильно размещает файлы SCSS и помещает выходной файл CSS в правильный каталог BUT css называется guest.navbar.css, которого я не ожидал. Я хочу, чтобы его назвали navbar.css, но как?

Answer 1

gulp-sass не принимает параметров имени файла. Используйте gulp-rename, чтобы переименовать ваши файлы. Если у вас есть более чем 1 .navbar.scss файлов, которые вы хотите объединить в один файл navbar.css, не стесняйтесь использовать gulp-concat. Это один принимает параметр имя файла :-)

Установите gulp-rename с npm install gulp-rename --save-dev

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

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

или

Установка gulp-concat с 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');