gulp-sass non sta compilando file sass

Question

In realtà sto provando a creare un inghippo di pianificazione per fare cose relative al web, come compilare sass, minificare css, uglify javascript e così via. Ma sto davvero avendo problemi con sass.

Ecco un esempio del mio codice:

gulp.task('compile-sass', function() { 
    gulp.src(buildType+config.path.sass+"/main.sass") 
     .pipe(compass({ 
      css: 'css', 
      sass: 'sass' 
     })) 
    .pipe(gulp.dest(buildType+config.path.css+"/test")); 
}); 

Così sto usando la bussola qui perché ho solo i file * .sass e nessun .scss così gulp-Sass potrebbe non funzionare per me. Pertanto, sto chiedendo se qualcuno potrebbe darmi un suggerimento sul motivo per cui questa attività non funziona. Ecco cosa riporta mia console:

[gulp] Starting 'compile-sass'... 
[gulp] Finished 'compile-sass' after 6.11 ms 
[gulp] You must compile individual stylesheets from the project directory. 


events.js:72 
    throw er; // Unhandled 'error' event 
     ^
[gulp] Error in plugin 'gulp-compass': Compass failed 
at Transform.<anonymous> (/Users/myusername/node_modules/gulp-compass/index.js:37:28) 
at ChildProcess.<anonymous> (/Users/myusername/node_modules/gulp-compass/lib/compass.js:136:7) 
at ChildProcess.EventEmitter.emit (events.js:98:17) 
at maybeClose (child_process.js:753:16) 
at Socket.<anonymous> (child_process.js:966:11) 
at Socket.EventEmitter.emit (events.js:95:17) 
at Pipe.close (net.js:465:12) 

So che non sto usando qualsiasi config.rb, ma due cose: 1) ho trovato alcun esempio di tali file 2) gulp-bussola doc dà esempio senza tale un file quindi presumo sia opzionale

Grazie in anticipo.

Answer 1

Grazie a SteveLacy sono riuscito a risolvere il problema.

Se si dispone solo di file .sass e no .scss, è necessario utilizzare gulp-ruby-sass anziché gulp-compass o gulp-sass. Ecco un esempio del mio codice di lavoro:

var sass = require('gulp-ruby-sass'); 

gulp.task('compile-sass', function() { 
    gulp.src(path/to/your/sass/folder/main.sass") 
     .pipe(sass()) 
    .pipe(gulp.dest('path/to/your/css/folder)); 
}); 

Answer 2

Il modo più semplice e semplice è:

var sass = require('gulp-ruby-sass'); 

gulp.task('styles', function() { 
    gulp.src('sass/*.scss') 
    .pipe(sass({ 
     noCache : true, 
     style : "compact" 
    })) 
    .pipe(gulp.dest('css')); 
}); 

Answer 3

La nuova versione del nodo-sass che viene utilizzato da gulp-sass supporta la sintassi sass e SCSS .

https://github.com/sass/node-sass/releases

o l'ultima release in questo momento

https://github.com/sass/node-sass/releases/tag/v0.9.3

nodo-Sass sta usando libsasss

https://github.com/sass/libsass/releases

guardare le loro note di rilascio 2.0.

Answer 4

So che questo potrebbe non essere il posto giusto per questa risposta, ma non c'era molto su Google per le persone con errori gulp-ruby-sass.

Per chi riceve un errore "source non corrisponde a nessun file." Assicurati che il percorso (i) che inserisci all'interno di gulp.src() abbia almeno un file sass (o scss) al loro interno.

Nella mia situazione, avevo 3 percorsi per l'attività e solo 1 dei percorsi era completamente vuoto. Aggiungendo un file vuoto (_fake.scss) a quel percorso, l'errore è stato corretto.

Spero che questo aiuti qualcuno!