在 Rails 生产环境中未加载 CSS答案

【问题标题】：css not loading in rails production environment在 Rails 生产环境中未加载 CSS
【发布时间】：2013-12-14 21:23:29
【问题描述】：

我通过 chrome 开发工具发现下面的 custom.css.scss 没有在生产中使用。有谁知道为什么heroku不使用一些scss？

我的 custom.css.scss 用于索引页面

/* Masters index */

.masters {
  list-style: none;
  margin: 0;
  li {
    overflow: auto;
    padding: 10px 0;
    border-top: 1px solid $grayLighter;
    &:last-child {
      border-bottom: 1px solid $grayLighter;
    }
  }
 }

开发索引页面

生产索引页面

【问题讨论】：

你跑rake assets:precompile了吗？
@Bubbles 美丽谢谢你，如果你想把它作为答案，我会把它标记为答案。再次感谢。

标签： css ruby-on-rails heroku railstutorial.org

【解决方案1】：

在生产模式下，您必须运行rake assets:precompile 才能提供app/assets 文件夹中的任何内容。在开发过程中，Rails 会不断检查文件的更新并一一提供服务。

这在您开发时很棒，但在生产中却相当缓慢。因此，为了加快速度，Rails 让您运行一个单独的、较长的任务，该任务会缩小并合并 app/assets 中的一堆文件，从而加快页面加载时间并减少服务器负载。

【讨论】：