在.NET Core中编译Sass文件

时间:2017-09-15 20:12:04

标签: asp.net-core sass visual-studio-2017

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

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

4 个答案:

答案 0 :(得分:2)

试试这篇文章 How to use Sass in ASP.NET Core 2.0 MVC

如果我理解正确 - 您可以使用节点包管理器创建空白的project.json。您还可以使用grunt配置自动构建事件。

或者更好地使用本教程:https://docs.microsoft.com/en-us/aspnet/core/client-side/less-sass-fa 并手动添加project.json文件 enter image description here似乎您错过了这部分(该文件应该手动创建)

答案 1 :(得分:1)

你只需要添加一个package.json,你会觉得你对project.json感到困惑,而project.json是.net核心项目的旧项目系统,在切换回.csproj之前

答案 2 :(得分:0)

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

在那之后,您可以放下

<link rel="stylesheet" href="~/css/site.scss" />
会自动编译所有sass文件。

答案 3 :(得分:0)

如果您想在一个简单的工具中进行SCSS编译和捆绑,请尝试NBundle。 (为无耻的自插而道歉!)

您指定要监视的文件(允许使用通配符),并且该工具可用于以单发或“观察者”模式生成已编译和捆绑的文件,其中在保存源文件时会生成输出文件。