Scss 文件未使用 Gulp 编译

Question

我遇到此问题，我正在尝试编译我的 scss 文件，但出现此错误：

$ gulp
[17:02:35] Using gulpfile C:wampwwwtestsitegulpfile.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:
testsitesasstest_blog.scss
Error: Undefined variable: "$lt-small".
on line 19 of testsite/sass/test/_blog.scss
>>         @media($lt_small) {

问题是我有一个变量.scss文件，在同一(文件夹(级别定义这些变量。所以有点不确定为什么他们回来时没有定义？变量.scss是否需要位于结构中的其他地方？

如果这含糊不清，我们深表歉意。

Answer 1

它已经说了错误;

Undefined variable: "$lt-small".

使用前必须定义$lt-small

此外，您还必须在_blog.scss文件之前导入variables.scss文件。

Answer 2

始终确保您的导入顺序正确无误。如果在声明变量之前尝试使用变量，sass 将抛出错误。

此外，变量.scss应该是我猜的部分文件。但是，我认为您的blog.scss将成为您的主scss文件，不应该是部分文件。

部分文件在文件名前标有 _。部分文件不会编译为 css，但它们的内容将在导入时编译。