在 .NET Core 中编译 Sass 文件

Question

我正在尝试将 Sass 文件添加到 Visual Studio 2017 中的 .NET Core 应用程序中。但是，一旦我创建了 .scss 文件，我就找不到任何方法来编译它们。我筛选了 NPM 和 Bower，但都没有提供对 Sass 的支持。

添加 Sass 的 Microsoft 文档 ( https://docs.microsoft.com/en-us/aspnet/core/client-side/less-sass-fa ) 已过时，并假设该项目具有 package.json 文件。任何有关为我的项目启用 Sass 编译的指导将不胜感激。

Answer 1

将 .scss 添加到 ASP.NET Core 应用程序的最简单方法是转到 Nuget 包管理器并安装 LigerShark.WebOptimizer.Core 和 LigerShark.WebOptimizer.Sass

之后，你可以把

<link rel="stylesheet" href="~/css/site.scss" />

在 _Layout.cshtml 文件的头部，LigerShark.WebOptimizer.Sass 包将自动编译所有 sass 文件。

Answer 2

将此扩展用于 Visual Studio https://marketplace.visualstudio.com/items?itemName=MadsKristensen.WebCompiler

此扩展不仅允许您手动将 SASS/SCSS 文件编译为 CSS，而且还添加了一个compilerconfig.json可以在您每次单击“保存”时重新编译 CSS 的扩展。

此外，此扩展可以通过 nuget 包在项目构建上进行编译，并将其安装到您的项目中。这也启用了 CI/CD 支持。

这是迄今为止在 Visual Studio 中工作时将 SCSS/SASS 编译添加到 ASP.NET Core 项目的最简单方法。

Answer 3

您只需要添加一个 package.json 认为您与 project.json 混淆了，这是 .net core 项目的旧项目系统，然后再切换回 .csproj