在大型 Rails 项目中管理 CSS答案

【问题标题】：Managing CSS in large Rails projects在大型 Rails 项目中管理 CSS
【发布时间】：2011-01-01 12:39:07
【问题描述】：

在大型 Rails 项目中处理 CSS 有哪些好的方法？理想情况下，我希望能够在每个部分中包含 CSS 或指向 CSS 文件的链接。

我已经尝试过使用 content_for 和 yield，它允许我将 CSS 插入页面的头部，其中部分位于其他位置，但是有些部分被多次使用，这会导致样式链接加倍.

我理想的解决方案是能够在每个部分插入一个样式表链接标签，然后在生产中将这些链接整理成一个只包含一次的大样式表。

【问题讨论】：

【解决方案1】：

Compass 是一个很棒的库，但我更喜欢更简单的解决方案。就像提到的Samuel 一样，这太过分了。但是，我确实认为 Sass（尤其是 3.0）值得进入。 Mixins、变量、函数都是 CSS 应该有的东西 :)

我部署到 Heroku，这使得将样式表编译到磁盘变得很棘手。所以我写了一个简单的解决方法，我在这里描述：

诀窍是让服务器根据请求编译它们，然后用 Varnish 缓存结果。希望对你有帮助。

【讨论】：

【解决方案2】：

您应该考虑查看Sass 和Compass。 Sass 为您提供了一种生成 CSS 的绝妙方法。 Compass 为您提供了一个框架，可以更轻松地管理所有 Sass 样式表和 mixin。

Sass 让 CSS 再次变得有趣。

Compass 是一个样式表创作框架，它使您的样式表和标记更易于构建和维护。使用 compass，您可以使用 Sass 而不是 CSS 编写样式表。

【讨论】：

+1。使用 Sass（以及它的姐妹 haml 代替 erb！）
我发现 HAML 是寻找问题的解决方案。 SASS 似乎很有用，但 Compass 确实看起来有点矫枉过正。我想要一个介于两者之间的解决方案。整个项目使用 1 个样式表，然后每个部分样式表一个样式表，如果该部分多次使用，则不包含双重样式表。然后，一旦将环境设置为生产环境，所有样式表就会合并为一个。
再给 Haml 和 Compass 一次机会。它们是不可或缺的，IMO。