如何允许.scss到达html.erb?

时间:2016-01-02 18:45:31

标签: ruby-on-rails sass

在轨道上的红宝石中,这是什么?我已经安装了bootstrap但是我的scss文件没有到达我的html.erb文件。

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

由于

1 个答案:

答案 0 :(得分:1)

只是在黑暗中拍摄,因为我们没有看到你的应用程序如何配置你的样式表,但我知道有一些非常具体的(虽然有点难以定位)建立SCSS的方向使用GitHub文档中的Bootstrap。给这一点(如果你还没有):

在app / assets / stylesheets / application.scss中导入Bootstrap样式:

// Custom bootstrap variables must be set or import before bootstrap itself.
@import "bootstrap";

确保文件的扩展名为.scss(或Sass语法为.sass)。如果您刚刚生成了一个新的Rails应用程序,它可能会附带一个.css文件。如果此文件存在,则将提供该文件而不是Sass,因此将其重命名为:

$ mv app/assets/stylesheets/application.css
app/assets/stylesheets/application.scss

然后,从Sass文件中删除所有* = require和* = require_tree语句。而是使用@import导入Sass文件。

不要在Sass中使用* = require,否则您的其他样式表将无法访问Bootstrap mixins和变量。

这一切都在这里:https://github.com/twbs/bootstrap-rubygem#a-ruby-on-rails

我没有按照说明删除所有* = require和* = require_tree语句...我只是留下它们,但在application.scss文件中添加@import语句时(一次)它被重命名),一定要

@import "bootstrap-sprockets";

@import "bootstrap";

按该顺序列出文件。