Question

我的生产样式有些不同，我无法诊断。大多数元素都很好，有一些小的例外。我的字体在生产中也受此影响。

在开发中计算样式：

background-color: rgb(240, 242, 243);
html, body - rgb(240, 242, 243)                base.css:4
<s>body - #ffffff</s>                          bootstrap.css?body=1:303

并在制作中：

background-color: rgb(255, 255, 255);
body - #ffffff                                  application-793...4c4e125c.css:9
<s>html, body - rgb(240, 242, 243)</s>          base.css:1

生产中的资产设置：

config.cache_classes = true
config.serve_static_assets = true
config.assets.compile = true
config.assets.digest = true

在开发中：

config.cache_classes = false
config.serve_static_assets = false

资产/ application.css：

/*
*= require bootstrap
*= require font-awesome
*= require rails_bootstrap_forms
*= require fonts
*= require _activities
*= require _feedback
*= require _admin
*= require_self
*= require screen #base.css is imported here
*= require overrides
*/

我的screen.scss：

@import "function";
@import url("fonts.css");
@import url("base.css");
@import url("header.css");
@import url("footer.css");
@import url("elements.css");

它看起来像应用程序-793 ... 4c4e125c.css中生产中的预编译顺序差异。我以为bootstrap会先编译，而后面调用的base.css会覆盖bootstrap默认值。我已预编译生产。关于资产管道如何运作，我错过了什么？我已阅读rails文档，但无法弄明白。

Answer 1

尝试使用

@import "forms";

在scss中而不是（对于所有导入）

@import url("fonts.css");

所以它将被编译在一个文件中。

资产管道订购 - 覆盖在生产中不起作用

1 个答案: