Visual Studio 上的 SASS Web Essentials 编译器全局变量

Question

我有 Visual Studio 2013 express for web 和 web Essentials 2013。我正在使用 SASS (bootstrap 3)

我注意到每当我编辑像 _table.scss 这样的部分文件时，我都会得到一个未声明变量的错误列表。

当我需要编译文件时，这会成为一个问题。

当我使用 ruby​​ 编译器使用 sublime 时，我没有任何问题。

当我放置@import“变量”时，错误消失；部分文件。

我是 VS2013 的新手，我不确定我是否遗漏了什么。

Answer 1

首先，只要父 SCSS 文件（正在编译的文件）正在导入变量文件，并且它在其他部分之前导入，那么这将编译得很好。

例子

_table.scss

.bacon {
  color: @my-colour;
}

网站.scss

@import "variables" // Contains @my-colour
@import "table";

如果您所描述的问题是在 Visual Studio 中查看 SASS 部分时出现波浪线，您可以添加对部分文件顶部的引用以消除这些。

例子

/// <reference path = "_variables.scss">