在ASP.NET中使用SASS

ass.net CSS

老丝小卤蛋

2020-03-18

我正在研究在ASP.NET环境中使用Ruby HAML包中的SASS(语法上很棒的StyleSheets)的方法。理想情况下,我希望将SASS文件编译为CSS是构建过程中的一个无缝部分。

进行集成的最佳方法是什么?另外,还有其他CSS生成工具更适合.NET环境吗?

第2017篇《在ASP.NET中使用SASS》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

5个回答
逆天小小 2020.03.18

它不是SASS,但您可以看看我们的.NET端口的Less Css指南针看起来真的很有趣,我认为Less这类的东西会是一个很好的补充。

村村GO 2020.03.18

我昨天才发现这一点,它看起来非常有前景,除了sass / scss之外,它还可以处理JS(尚未CSS)和文件组合的自动最小化。我希望的一件事是为外面的人创建一个VS插件,用于编辑sass / scss文件。我确实发现了一个问题,那就是当您的sass / scss代码出错时,您只会发现它在测试或检查生成的CSS文件。我没有尽全力,但是到目前为止还不错。

https://github.com/xpaulbettsx/SassAndCoffee

Sam凯小卤蛋 2020.03.18

为了在Visual Studio中获得更好的工作体验,可以安装开始支持Sass(SCSS语法)的最新版本的Web Essential
或者,您可以安装Sassy StudioWeb Workbench

然后,要在ASP.NET项目中编译.sass / .scss文件,有一些不同的工具:通过Web EssentialWeb WorkbenchSassCSass.NetCompassSassAndCoffee ...


Web Essential是Visual Studio的功能齐全的插件,它确实为所有前端内容提供了更好的体验。最新版本开始支持Sass(SCSS语法)。在内部,它使用Libsass将SCSS编译为CSS。


Web Workbench是Visual Studio的另一个插件,它添加了语法突出显示,智能和其他一些用于编辑SCSS文件的有用内容。它还可以将您的代码编译为普通或精简的CSS。在内部,它使用了Ruby Sass编译器的包装版本。


Sassy Studio:Visual Studio的另一个插件。功能较少,但重量较轻。


Libsass库是萨斯CSS预编译器(开发中仍然)的C ++接口。原始版本是用Ruby编写的,但是此版本旨在提高效率和可移植性。该库力求轻便,简单,易于构建,并与各种平台和语言集成。

Libsass库周围有几个包装器:

  • SassC:命令行编译器(在Windows上,您需要使用MsysGit编译SassC的源代码以获取sassc.exe)。
  • NSass:.Net包装器。
  • Node-Sass:在Node.js上使用Libsass。
  • 等等

Compass是Sass的框架,它添加了许多有用的帮助程序(例如图像拼接),并且还可以编译SCSS / Sass。但是,您需要在需要编译样式的每个开发环境上安装Ruby。


SassAndCoffee是一个通过一些DLL和配置添加SCSS / Sass编译和最小化支持的软件包。与Web Workbench编译器相比,它的优势在于它是独立包含在Visual Studio解决方案中的:您无需在每个开发环境上都安装插件。备注:SassAndCoffee并不经常更新,并且由于它使用IronRuby来包装正式的Ruby编译器,因此可能会遇到一些性能问题。您可以通过 Nuget软件包安装最新版本

Eva梅 2020.03.18

我刚刚编写了一个Visual Studio加载项,其中包含详细说明,包括有关如何使Sass进入Visual Studio的屏幕截图。在这里查看-http: //giri.sh/2011/01/21/sass-for-visual-studio-2010/

前端LEYLEY 2020.03.18

该罗盘项目具有一个编译器,它将您的Sass编译为CSS。它可以在Windows上运行,但是在该平台上没有经过很好的测试。如果您发现任何与平台相关的错误,我们将很乐意帮助您修复它们。

指南针可以在这里找到:http : //github.com/chriseppsein/compass

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android