用 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 文件中存在指南针引用，因此存在对指南针的依赖关系。

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

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

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

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

所以我找到了 SassyStudio，它看起来很像我需要的。但是指南针参考存在一些问题。在选项中，我在 Ruby 安装路径中输入了“C:\Program Files (x86)\Ruby193\bin”，在包含路径属性中输入了“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（vs sass gem），我查找 config.rb 文件，我相信 compass 也需要它才能工作，但并不完全确定。不过对我来说，我绝对需要它。

现在，当你保存一个文件时，我会从当前目录向上寻找那个config.rb，所以我相信你可以通过使用多个compass.rb文件来实现你想要做的事情.所以，这意味着如果你把一个放在Area 1，一个放在Area 2，一个放在Styles，我认为它会起作用（但我从未尝试过）。

我对 compass.rb 的语法有点不熟悉，但我相信您一定能从中找到一些有用的东西。该文件可能需要进入 Styles 文件夹而不是根文件夹，我不太记得了（我认为样式可能在 config.rb 中配置）。

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