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

Question

我正在尝试使用 SassyStudio für Visual Studio 在我们的项目中编译 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 文件散布在项目各处。 css 文件应该在 scss 文件旁边编译。由于 scss 文件中有 compass 引用，因此存在对 compass 的依赖性。

Mindscape Web Workbench 不是为这样工作而设计的。

我安装了 Ruby + gem sass + gem compass 和

sass --watch C:/compasstest:C:/compasstest --compass

效果很好。但我不喜欢每次开始开发时都开始一批。

所以我找到了 SassyStudio，它看起来很像我需要的。但是 compass 引用存在一些问题。在选项中，我在 Ruby 安装路径中输入了“C:\Program Files (x86)\Ruby193\bin”，在 Include Paths 属性中输入了“C:\compass”。 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 安装路径到底有什么用？
• 我是否需要 config.rb，即使我不想要如此具体的 sass 和 css 文件夹？
• 如何告诉 SassyStudio 找到文件 compass/support(它已经找到了 compass/shared，正如我们所见)？

Answer 1

好的，所以 sass --compass 对我来说是新的，所以我不知道我是否可以对此发表评论。

这是你想要做的。

首先，将你的 ruby​​ 路径更改为 C:\Program Files (x86)\Ruby193 因为你不需要那里的 bin 目录(并且不确定它是否会导致问题).

接下来，为了让我检测到您正在使用 compass(与 sass gem 相比)，我查找了 config.rb 文件，我相信 compass 也需要它才能正常工作，但我不确定这一点。不过对我来说，我绝对需要它。

现在，当你保存一个文件时，我会从当前目录向上寻找那个config.rb，所以我相信你可以通过使用多个 compass.rb 文件。所以，这意味着如果你在 Area 1 中放一个，在 Area 2 中放一个，在 Styles 中放一个，我认为它会起作用(但是我从来没有试过)。

我对 compass.rb 的语法有点不熟悉，但我相信您一定能找到适合的语法。该文件可能需要放入 Styles 文件夹而不是根文件夹，我不太记得了(我认为样式可能在 config.rb 中配置)。

如果您需要更多帮助，请告诉我。