C#小轮子：Visual Studio自动编译Sass文件

龙中舞王

已于 2023-08-12 13:27:59 修改

阅读量1k

点赞数

分类专栏： C# 小轮子 Blazor简单教学 MAUI+Blazor 文章标签： visual studio sass ide

于 2023-08-11 11:27:00 首次发布

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/qq_44695769/article/details/132227336

版权

C# 小轮子同时被 3 个专栏收录

11 篇文章

订阅专栏

Blazor简单教学

4 篇文章

订阅专栏

4 篇文章

订阅专栏

本文介绍了如何在Blazor项目中使用Sass进行样式管理，包括安装WebCompiler2022插件、配置compilerconfig.json以及处理可能遇到的热重载问题。作者提到默认配置可以保持不变，仅关注CSS结构优化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

前言
插件安装
插件使用

前言

我们知道css文件用起来太麻烦，如果样式一多，嵌套起来用css样式就眼花缭乱。Sass使用层次解决很好的解决css的问题。不过sass最终会编译成css文件，visual Studio用的还是css文件。

插件安装

Web Compiler 2022+ 微软市场安装

在这里插入图片描述

插件使用

新建一个sass文件
在这里插入图片描述

compilerconfig.json

sass输入和css输出（自动生成）

在这里插入图片描述

默认配置（我不懂就不去动他了）

在这里插入图片描述

解决Blazor热重载Bug

我也不知足Blazor热重载到底有啥问题，但是至少你css热重载得没问题，页面元素出问题也就出问题算了。
在这里插入图片描述

在这里插入图片描述

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。