SCSS Dateien Kompilieren nicht Gulp mit

Question

Ich erhalte dieses Problem, bei dem ich versuche, meine SCSS Dateien zu kompilieren, aber ich bin immer diese Fehlermeldung:

$ gulp 
[17:02:35] Using gulpfile C:\wamp\www\testsite\gulpfile.js 
[17:02:35] Starting 'sass'... 
[17:02:35] Starting 'copy-imgs'... 
[17:02:35] Finished 'copy-imgs' after 4.14 ms 
[17:02:35] Starting 'copy-assets'... 
[17:02:35] Finished 'copy-assets' after 8.03 μs 
Error in plugin 'sass' 
Message: 
    testsite\sass\test\_blog.scss 
Error: Undefined variable: "$lt-small". 
     on line 19 of testsite/sass/test/_blog.scss 
>>   @media($lt_small) { 

Das Problem ist, dass ich ein Variablen haben. scss-Datei, die diese Variablen auf derselben (Ordner-) Ebene definiert. Also ein bisschen unsicher, warum sie unbestimmt zurückkommen? Muss die Variable.scss irgendwo anders in der Struktur sitzen?

Entschuldigung, wenn dies vage ist.

Answer 1

Es sagt bereits der Fehler;

Undefined variable: "$lt-small". 

Die $lt-small muss vor

auch verwendet, definiert werden Sie Ihre variables.scss Datei vor _blog.scss Datei importieren.

Answer 2

Vergewissern Sie sich immer, dass Ihr Importauftrag korrekt ist. Wenn Sie versuchen, eine Variable zu verwenden, bevor Sie sie deklarieren, wird sass einen Fehler ausgeben.

Darüber hinaus sollte Variablen.scss eine partielle Datei sein, denke ich. Aber deine blog.scss, die ich vermute, wird deine Haupt-scss-Datei sein, sollte keine Teildatei sein.

Teildateien sind mit einem _ vor dem Dateinamen gekennzeichnet. Teildateien werden nicht nach css kompiliert, aber ihr Inhalt wird beim Import kompiliert.