Laravel Elixier Sass Compilation - .sass Dateien

Question

Ich bin ein größerer Fan von .sass Syntax über die .scss Syntax (weil es besser ist, lassen Sie den Krieg beginnen!), So ist das, was ich versuche zu verwenden. Beim Versuch, eine .sass Datei mit Elixir zu kompilieren, scheint es jedoch zu versuchen, scss Syntax zu kompilieren.

elixir(function(mix) { 
    mix.sass('styles.sass'); 
}); 

Wenn styles.sass

body 
    background: black 

ist ich folgende Fehlermeldungen erhalten:

$ gulp 
[17:54:43] Using gulpfile ~/sites/skynet/gulpfile.js 
[17:54:43] Starting 'default'... 
[17:54:43] Starting 'sass'... 
[17:54:43] Finished 'default' after 185 ms 
[17:54:43] gulp-notify: [Laravel Elixir] Error: invalid top-level expression 
[17:54:43] Finished 'sass' after 198 ms 

Aber Ändern styles.sass (immer noch die .sass Erweiterung zu halten), zu

body { 
    background: black; 
} 

Ich bekomme eine erfolgreiche Kompilation. Elixir kompiliert nur scss Syntax oder fehlt mir eine Art von Konfiguration der Konfiguration? Hilfe sehr geschätzt!

Answer 1

Dank @ mul14 habe ich tiefer in die verschiedenen Bibliotheken geschaut, auf die sich Schluck-Sass stützt. Das Problem bei github war eine Diskussion, die schließlich dazu führte, dass jemand die Einrückungssyntax erfolgreich unterstützte und sie in libsass einbrachte.

Nachdem ich in der Dokumentation von node-sass nachgesehen habe, habe ich eine option gefunden, um die eingerückte Syntax einzuschalten. Mit Blick auf Elixirs Zutaten-Argumente hat das für mich funktioniert!

elixir(function(mix) { 
    mix.sass('styles.sass', false, { indentedSyntax: true }); 
}); 

Also, am Ende war es ein Config-Problem. Tolle Neuigkeiten für Nutzer von eingerückten Syntax auf der ganzen Welt!

Answer 2

Das ist, weil Laravel Elixir gulp-sass verwenden. Und das Innere von Schluck-Sass es node-sass verwenden. Die Knoten-Sass-Verwendung libsass, die nicht unterstützt. SASS-Datei https://github.com/sass/libsass/issues/16

Sie können gulp-ruby-sass verwenden, um .sass zu css zu kompilieren. Oder verwenden Sie die laravel-elixir-ruby-sass.