SCSS文件編制不使用咕嘟咕嘟

Question

我得到這個問題，即我試圖編譯我的SCSS文件，但我得到這個錯誤：

$ 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) { 

的問題是，我有一個變量。 scss文件，在相同（文件夾）級別定義這些變量。所以有點不確定爲什麼他們回來undefined？變量.scss是否需要坐在結構中的其他位置？

道歉，如果這是模糊的。

Answer 1

它已經說錯誤;

Undefined variable: "$lt-small". 

的$lt-small必須定義之前使用

還你之前_blog.scss文件導入您的variables.scss文件。

Answer 2

務必確保您的導入順序正確無誤。如果你在聲明它們之前嘗試使用一個變量，sass會拋出錯誤。

此外variables.scss應該是我猜的部分文件。但是，我認爲你的blog.scss將是你的主要scss文件不應該是一個部分文件。

部分文件在文件名之前用_標記。部分文件不會編譯爲css，但其內容將在導入時編譯。