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，但其内容将在导入时编译。