2015-09-12 13 views
16

Sto leggendo un tutorial su sass here quindi ho provato un altro approccio e non riesco a ottenere la risposta in questo tutorial. C'è il problema Ho questo codice nel mio gulpfile.jsGulp Sass - Come denominare correttamente l'output css?

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

A partire da ora, ho solo beni/css/sass/guest.navbar.scss e questo codice individua i file SCSS correttamente e pone il file di output CSS nel directory corretta MA il css è denominato come guest.navbar.css che non mi aspettavo. Voglio che sia nominato come navbar.css ma come?

+0

non ho alcuna esperienza con Gulp, ma averti provato a rinominare il file di input in 'navbar.scss'? –

risposta

40

gulp-sass non accetta alcun parametro di nome file. Utilizzare gulp-rename per rinominare i file. Se hai più di un file .navbar.scss che vuoi concatenare in un file navbar.css, sentiti libero di usare gulp-concat. Questo uno prende un parametro di nome di file :-)

Installare gulp-rename con 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'); 

o

Installare gulp-concat con 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'); 
+0

Spiacente, ho dimenticato di contrassegnare questa risposta come corretta. Entrambi i metodi hanno funzionato per me. Grazie –

+0

Ciao! Ho provato il primo metodo e crea un file vuoto con il nome contenente '.scss' invece di' .css'. Ecco la funzione che sto usando: http://pastebin.com/GJLN5TQG – Victor

+0

Nessuno dei due ha funzionato per me, fino a quando, naturalmente, non mi sono ricordato di aggiungere gakp-rinomina pacakge alle mie dipendenze di sviluppatori;) – Sam

Problemi correlati