导入的scss文件中的变量在Scout的日志中生成错误

Question

下面是我当前项目的主要scss文件。我还在后来导入的css_ve.scss中使用了这些变量。生成的css文件按预期工作，但是Scout在日志面板中抛出错误，因为它在css_ve.scss中找不到变量声明。这是一个小问题，但我想知道如何防止这些错误发生。一种解决方案是只为变量创建一个scss文件，并从所有其他文件中导入它，但我希望避免在我的项目中分散太多scss文件。

提前感谢！

/* VARIABLES ------------------------------ */

/* fonts */ 
$font-family-1: 'Arial', 'Meiryo', 'MS Gothic', 'MS UI Gothic', 'MS PGothic', 'Arial Unicode';
$font-family-2: 'MS UI Gothic', 'MS PGothic', 'Arial Unicode';
$font-size: 14px;

/* colors */
$color-1: #000000; /* black */
$color-2: #ffffff; /* white */  
$color-3: #CCCCCC; /* grey */
$color-4: #00A3AF; /* green */
$color-5: #FF6600; /* orange */

/* IMPORTS ------------------------------ */

/* validationEngine */ 
@import "validation_engine/css_ve.scss";

/* STYLES ------------------------------ */

……

Answer 1

@import "validation_engine/css_ve"; perhaps?