在ASP.NET MVC应用程序中，不能将SASS样式应用于我的视图吗？
在ASP.NET MVC应用程序中，不能将SASS样式应用于我的视图吗？
提问于 2020-10-29 15:21:33
我在样式方面有问题，我创建了一些简单的样式(scss文件)：
body {
background: red;
}
.mobile-app {
background: red;
}我创造了我第一次这样的观点：
@model AppLearn.ViewModels.BooksListViewModel
<!DOCTYPE html>
<html>
<head runat="server">
<meta name="viewport" content="width=device-width" />
<title>CRUD For Learning Purposes Only</title>
<link href="~/content/styles.css" rel="stylesheet" type="text/css" media="screen" runat="server" />
</head>
<body>
<div class="mobile-app">
@foreach (var book in Model.Books)
{
<div class="book-card">
<div class="book-card__image"></div>
<div class="book-card__title">
<h1>@book.bookName</h1>
</div>
<div class="book-card__actions"></div>
</div>
}
</div>
</body>
</html>而且不起作用！
我根据已经在堆栈中找到的一个响应添加了runat="server"，该响应修复了其他人的问题，但没有解决我的问题。
有什么想法吗？任何帮助都将不胜感激。
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-10-29 22:55:24
使用visual编译sass的最简单方法是通过WebCompiler扩展。
从VS市场下载并安装。
现在，在安装扩展并重新启动Visual之后，您必须选择：
- 您可以通过添加的上下文菜单选项手动编译文件(右击“文件”)：
- 或者让扩展名在保存时处理编译:当您第一次编译sass文件时，扩展创建一个
compilerconfig.json文件，该文件将存储您的输入和输出文件，如下所示： { "outputFile"："wwwroot/css/app.css"，"inputFile"："wwwroot/sass/main.scss“}
现在，扩展将开始监视inputFile的更改，一旦您保存了一个更改，它将编译并输出到outputFile路径。
您可以编辑输入和输出路径，以匹配要存储输出文件的位置。
有关更复杂的场景，请参见用于捆绑和缩小的MSDN。它是在Visual中使用Gulp的一个很好的资源。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64594129
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号