SCSS .NET MVC使用

Question

我有一个MVC项目，我想在这里创建一个scss文件并编写元素样式。我创建了Main.scss文件并写道：

$primary-color: #4f637c;
.navbar-static-top {

  background-color: $primary-color;
}

在Index.cshtml中，我引用了scss文件：

 <link href="~/Content/Main.scss" rel="stylesheet" />  

但它不起作用。在我怎样才能使用它之前我还没有使用scss？

Answer 1

为此，您需要使用sass编译器将scss文件编译为css文件 http://sass-lang.com/install

<强>编译器

• CodeKit（付费）
• Compass.app（付费，开源）
• Ghostlab（付费）
• Hammer（付费）
• 考拉（开源）
• LiveReload（付费，开源）
• Prepros （付费）童军（开源）

Answer 2

SCSS（以及SASS，LESS）是预处理器脚本语言，需要对其进行编译以创建CSS文件，并用作您的CSS文件。

如果您使用的是Visual Studio，Mads Kristensen会制作一个非常好的插件，名为"Web Compiler"。

它会为您编译文件，以便SCSS文件中的任何更改都将自动编译到CSS文件中。

编译.scss文件后，您需要指向.css文件：

<link href="~/Content/Main.css" rel="stylesheet" />