visual-studio-2013 - Visual Studio 上的 SASS Web Essentials 编译器全局变量

标签 visual-studio-2013 twitter-bootstrap-3 compiler-errors sass web-essentials

我有 Visual Studio 2013 Express for Web 和 Web Essentials 2013。并且我正在使用 SASS (Bootstrap 3)

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

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

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

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

我是 VS2013 的新手,我不确定我是否遗漏了一些东西。

最佳答案

首先,只要父 SCSS 文件(正在编译的文件)正在导入变量文件,并且在其他部分文件之前导入该文件,那么就可以正常编译。

示例

_table.scss

.bacon {
  color: @my-colour;
}

网站.scss

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

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

示例

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

关于visual-studio-2013 - Visual Studio 上的 SASS Web Essentials 编译器全局变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26815870/

相关文章:

html - 关闭引导模式后内容消失

jquery-ui - 如何使用 jQuery UI 正确调整 Bootstrap 面板的大小?

Perl 错误 : Global symbol requires explicit package name

node.js - 在没有 Node 的情况下卸载 typescript

html - 在 100% 视口(viewport)中放大时内容会中断

java - 从 jar 文件打开包以在另一个程序上运行

javascript - 语法错误 : Unexpected token in js file on compilation

c# - "Cannot convert lambda expression to type ' bool ' because it is not a delegate type"与 Lazy<T>

c# "$ "运算符在窗口 7 中不工作

vb.net - Visual Studio 数组或列表框数据到 Excel 范围