Rails 3.2 应用程序中的 Sass、Compass 和 Susy答案

【问题标题】：Sass, Compass and Susy in a Rails 3.2 appRails 3.2 应用程序中的 Sass、Compass 和 Susy
【发布时间】：2012-12-18 05:36:22
【问题描述】：

开始重新设计我使用 Rails 3.2 的网站。我已经在使用 Sass 和 Compass 并且为了重新设计已经抛弃了所有旧样式并希望将 Susy 添加到组合中。在我开始之前，关于事情如何运作的几个简单问题：

我刚刚在/config 中的application.rb 文件中添加了：config.compass.preferred_syntax :sass，这是正确的吗？ application.rb 文件是否会替代标准指南针项目中的普通 compass.rb 配置文件？

我添加的行显然将预期的语法更改为我更喜欢的 sass 缩进的语法，但看起来那行告诉罗盘我喜欢什么语法。指南针现在正在编译css而不是sass吗？我还阅读了 sass 文档，您可以告诉它您喜欢什么语法，我需要同时设置它们吗？我只是不确定它在做什么功能！

我的Gemfile也加了gem "susy"，还需要config.compass.require "susy"加/config/application.rb吗？

另外，如果我想设置 fonts_dir，Compass 文档声明默认情况下，Rails 应用程序将默认为public/fonts，但我想将它们放在/app/assets/fonts 中。这行得通吗？

来自指南针文档：

String 保存字体文件的目录。独立项目将默认为 /fonts。 Rails 项目将默认到“公共/字体”。

我希望人们能够为我阐明这些问题。

【问题讨论】：

这里好像没有问题。你试过什么吗？你有什么错误吗？
我现在一切正常，自从我发布以来一直在玩它。我基本上想知道的是，指南针是否在进行所有的 sass 编译？我需要确认实际在做什么。 sprockets 现在在资产管道上做什么。另外，如何查看编译后的css？
除了 Sass/Compass（不是 Ruby/Rails 程序员）之外，我无法为您提供帮助。 Compass 是 Sass 的一个包装器，它注入了许多有用的东西（扩展、额外功能、不那么冗长的命令等）。对于我们这些单独使用 Sass/Compass 的人，编译后的 CSS 文件放在 config.rb 中列出的目录中。
我知道如何使用 Compass，每天在 Rails 应用程序之外使用它。但这正是我在个人 Rails 应用程序中所做的事情，让我感到困惑。从 Rails 应用程序中运行时，我似乎也找不到最终 css 的编译版本。不过，我对它在 Rails 之外的使用非常有信心，它是一个很棒的库！谢谢你的帮助。也许其他人会尝试帮助我。
@rctneil rails 不会在开发模式下编译您的样式表和 javascript 资产，这就是您找不到它们的原因。在开发模式下，这是由sprockets-rails gem 即时完成的（如果我在这里错了，请纠正我）。如果你想编译你的资产，你可以运行rake assets:precompile

【解决方案1】：

没有。 Compass 没有进行 Sass 编译。

Sass 是 CSS3 的扩展，它添加了嵌套规则、变量、 mixin、选择器继承等等。 Sass 生成格式良好 CSS 并使您的样式表更易于组织和维护。

compass 所做的只是为 Sass 添加附加功能，因此您无需自己编写它们。

config.sass.preferred_syntax :sass 行告诉 Rails，您生成的 Sass 文件应该使用 Sass 语法 (.css.sass) 而不是 SCSS 语法 (.css.scss)。

同样，如果您将 susy 添加到 Gemfile 并创建了 bundle install，则不需要要求 susy。您需要做的就是在您导入指南针后将其导入您的 application.css 文件中。

@import "compass"
@import "susy"

【讨论】：