使用SassyStudio和Compass以及多个区域编译sass

时间:2014-01-15 11:06:32

标签: sass compass-sass

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.
  • Ruby安装路径究竟是什么?
  • 即使我不想要这样的特定sass和css文件夹,我还需要config.rb吗?
  • 我如何告诉SassyStudio找到文件罗盘/支持(我们已经找到指南针/共享)?

1 个答案:

答案 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中配置)。

如果您需要帮助,请告诉我。