.NetCoreMVC 开发网页使用sass

sass在前端中可以进行全局设置变量，对前端开发有一定便捷。

1.安装<PackageReference Include="AspNetCore.SassCompiler" Version="1.93.2" />

2.进行配置,在项目目录下添加sasscompiler.json文件。
3.选取的在添加下图内容。

默认源是./Styles文件夹里的scss，运行生成输出到wwwroot/css里,

如果你还有其他地方的.scss文件，可以在"Compilations": [ ]中指定。

4.你只需要在网页里引用生成的 CSS（比如 <link href="~/css/style.css" ...>）就行了。

例子：我只有Styles下的variable.scss文件。

就配置如下

开发时实时修改（如果配置了实时监听）：在 Program.cs 里加了 builder.Services.AddSassCompiler(); 后，修改 .scss 文件并保存，会立即自动重新编译，刷新网页就能看到效果（不用重新构建项目）。

官方例子：AspNetCore.SassCompiler/Samples/AspNetCore.SassCompiler.Sample at master · koenvzeijl/AspNetCore.SassCompiler