heroku - 是否可以将application.css更改为application.css.sass？

Question

我想将application.css文件更改为sass文件，并使用@import提取所有必需的文件。然后我要@import application.css.sass到页面特定的sass文件中。这一切在开发中都可以很好地工作，但是当我将其推到heroku上的生产环境时，会出现以下错误:

Error compiling CSS asset
Sass::SyntaxError:  File to import not found or unreadable: application

application.css.sass:

@import "reset"
@import "typography"
@import "buttons"
@import "junk"

$yellow: #f0f090
$orange: #f89818
$blue1: #184898
$blue2: #4888c8

body
 background: ...
 ...
 /* all the rest of the app-wide styling */

uniquePage.css.sass:

@import "application"
/*page specific styling*/

然后在需要不同于application.css的内容的页面上，我称之为

!!! 5
%html
  %header       
    = stylesheet_link_tag "uniquePage"

Answer 1

Then I guess the question becomes, how do I make different manifest files for different css sets?

做这件事有很多种方法:

1.每页

这就是您现在正在执行的操作，但是我会在应用程序和唯一页面中都使用@imports来稍微组织表格。 (而不是将应用程序导入到唯一页面中)。

2.仅对那些页面使用第二张纸

您可以拥有第二张表，其中仅包含该页面的更改。所有页面都有应用程序表，第二个标签仅在需要更改的情况下添加到唯一页面上。这会花费您额外的http请求。

3.重新组织CSS

除非额外的CSS足够多，否则最好将其重构为将代码包含在主文件中。可以在唯一页面的body标签中添加一个额外的类，并将页面使用的CSS进行调整。

您仍然可以将该CSS放入唯一页面的文件中(以帮助维护)，然后@import到您的主文件中。

通常，除非对CSS进行了实质性更改，否则我将尝试将其合并到主要CSS中，否则请选择选项1。