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

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

道歉，如果这是模糊的。

Answer 1

它已经说错了;

Undefined variable: "$lt-small".

在使用

之前必须定义$lt-small

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

Answer 2

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

此外，我猜想variables.scss应该是一个部分文件。但是，我认为你的blog.scss将是你的主要scss文件不应该是部分文件。

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

Scss文件没有使用Gulp进行编译

2 个答案: