Iam尝试使用SassyStudioFürVisualStudio在我们的项目中编译SASS - 但是存在一些问题。
项目结构如下:
Solution
- Project 1
-- Areas
--- Area 1
---- Styles
----- style.scss
------ style.css
--- Area 2
---- Styles
----- style.scss
------ style.css
-- Styles
--- globalstyle.scss
---- glogalstyle.css
正如您所见,scss文件分散在项目周围。应该在scss文件旁边编译css文件。由于scss文件中有指南针引用,因此需要指南针。
Mindscape Web Workbench的设计并非如此。
我安装了Ruby + gem sass + gem compass和
sass --watch C:/compasstest:C:/compasstest --compass
运作良好。但是每次我开始开发时我都不想开始批处理。
所以我发现SassyStudio看起来很像我需要的东西。但罗盘参考有一些问题。在选项中,我将“C:\ Program Files(x86)\ Ruby193 \ bin”输入到Ruby Install Path,将“C:\ compass”输入到Include Paths属性。 Compass文件夹包含例如github的“compass / css3”结构。
12:00:52.447 : Failed to compile css.
[SassCompileException]c:\compass/compass/css3/shared:1: error: file to import not found or unreadable: "compass/support"
at NSass.SassCompiler.CompileFile(String inputPath, OutputStyle outputStyle, Boolean sourceComments, IEnumerable`1 additionalIncludePaths)
at SassyStudio.Integration.LibSass.NSassDocumentCompiler.Compile(FileInfo source, FileInfo output)
at SassyStudio.Editor.GenerateCssOnSave.GenerateCss(DateTime time, String path)
12:00:52.447 : Compile complete.
答案 0 :(得分:2)
好的,所以sass --compass
对我来说是新的,所以我不知道我是否可以发表评论。
这是你想要做的。
首先,将您的ruby路径更改为此C:\Program Files (x86)\Ruby193
,因为您不需要bin目录(并且不确定它是否会导致问题)。
接下来,为了让我发现你正在使用指南针(vs sass gem),我会查找config.rb文件,我相信指南针也需要这个,但不能完全确定。对我而言,我绝对需要它。
现在,保存文件时会发生什么,我会从当前目录向上查找config.rb
,所以我相信你可以通过使用多个{{{{{}来实现你想做的事情。 1}}文件。所以,这意味着如果你在compass.rb
中放置一个,Area 1
中有一个,Area 2
中有一个,我认为它会起作用(但我从未尝试过)。
我对compass.rb的语法有点不熟悉,但我相信你能够弄清楚那里有用的东西。该文件可能需要进入Styles文件夹而不是根文件夹,我不记得(我认为样式可能在Styles
中配置)。
如果您需要帮助,请告诉我。