未使用 Gulp 编译的 scss 文件答案

【问题标题】：Scss files not compiling using Gulp未使用 Gulp 编译的 scss 文件
【发布时间】：2017-12-31 16:43:14
【问题描述】：

我在尝试编译我的 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 是否需要位于结构中的其他位置？

抱歉，如果这含糊不清。

【问题讨论】：

标签： html sass gulp

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

它已经说错了；

Undefined variable: "$lt-small".

$lt-small 必须在使用前定义

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

【讨论】：