我正在研究在ASP.NET环境中使用Ruby HAML包中的SASS(语法上很棒的StyleSheets)的方法。理想情况下,我希望将SASS文件编译为CSS是构建过程中的一个无缝部分。
进行集成的最佳方法是什么?另外,还有其他CSS生成工具更适合.NET环境吗?
我正在研究在ASP.NET环境中使用Ruby HAML包中的SASS(语法上很棒的StyleSheets)的方法。理想情况下,我希望将SASS文件编译为CSS是构建过程中的一个无缝部分。
进行集成的最佳方法是什么?另外,还有其他CSS生成工具更适合.NET环境吗?
我昨天才发现这一点,它看起来非常有前景,除了sass / scss之外,它还可以处理JS(尚未CSS)和文件组合的自动最小化。我希望的一件事是为外面的人创建一个VS插件,用于编辑sass / scss文件。我确实发现了一个问题,那就是当您的sass / scss代码出错时,您只会发现它在测试或检查生成的CSS文件。我没有尽全力,但是到目前为止还不错。
为了在Visual Studio中获得更好的工作体验,可以安装开始支持Sass(SCSS语法)的最新版本的Web Essential。
或者,您可以安装Sassy Studio或Web Workbench。
然后,要在ASP.NET项目中编译.sass / .scss文件,有一些不同的工具:通过Web Essential,Web Workbench,SassC,Sass.Net,Compass,SassAndCoffee ...
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库周围有几个包装器:
Compass是Sass的框架,它添加了许多有用的帮助程序(例如图像拼接),并且还可以编译SCSS / Sass。但是,您需要在需要编译样式的每个开发环境上安装Ruby。
SassAndCoffee是一个通过一些DLL和配置添加SCSS / Sass编译和最小化支持的软件包。与Web Workbench编译器相比,它的优势在于它是独立包含在Visual Studio解决方案中的:您无需在每个开发环境上都安装插件。备注:SassAndCoffee并不经常更新,并且由于它使用IronRuby来包装正式的Ruby编译器,因此可能会遇到一些性能问题。您可以通过 Nuget软件包安装最新版本。
我刚刚编写了一个Visual Studio加载项,其中包含详细说明,包括有关如何使Sass进入Visual Studio的屏幕截图。在这里查看-http: //giri.sh/2011/01/21/sass-for-visual-studio-2010/
该罗盘项目具有一个编译器,它将您的Sass编译为CSS。它可以在Windows上运行,但是在该平台上没有经过很好的测试。如果您发现任何与平台相关的错误,我们将很乐意帮助您修复它们。
指南针可以在这里找到:http : //github.com/chriseppsein/compass
它不是SASS,但您可以看看我们的.NET端口的Less Css。指南针看起来真的很有趣,我认为Less这类的东西会是一个很好的补充。