css - 使用 bootstrap-sass 加载 Bootstrap CSS，其他 CSS 不会加载

Question

我将 Bootstrap 用于我的 Rails 应用程序和 bootstrap-sass v. 3.1.1，它在我的 application.css.scss 文件中的以下内容工作得很好:

@import "bootstrap";

除此之外别无其他。就在今天，我尝试添加一些自己的 CSS 来添加一些我无法使用 Bootstrap 获得的样式。这是我的欢迎 View / Controller ，所以我只是将它添加到 welcome.css.scss

.complete-class {
  text-decoration: line-through;
}

来自阅读this section of the Rails Guides我的理解是，您可以像这样在 list 中包含一个 CSS 文件，如 welcome.css.scss:

@import "bootstrap";

/*
*= require_self
*= require_tree .
*/

这没有成功应用我的 CSS； welcome.css.scss 也没有出现在 head 标签中。

当我试图调试它时，我遇到了一些我觉得我应该指出的奇怪的事情:

<强>1。导入 Bootstrap 时出错

VIM 的 Syntastic 插件很有帮助地指出了一个错误:

File to import not found or unreadable: bootstrap. Load path: /home/stephen/code/blocitoff/app/assets/stylesheets

这很奇怪，因为

• a) 尽管我没有更改它引用的代码行 (@import "bootstrap")，但之前并没有出现此错误

和

• b) bootstrap 仍然忠实地应用在我的页面布局中，并出现在 head 标签的 Assets 中。

<强>2。卸载 bootstrap-sass

我搜索了上面的错误，找到了this issue这建议我卸载并重新安装 bootstrap-sass。尽管奇怪的是，即使我卸载了 gem， Bootstrap 样式仍保留在页面上，但这并没有用。

rails的版本是4.1.5

1. 将所有的 css 移动到 application.css.scss

因为似乎 Bootstrap 是从 application.css.scss 以某种方式加载的，所以我在那里添加了我的 css，但这也没有用。

1. 浏览器的隐身模式

最后我想，如果在我卸载 bootstrap-sass 时 Bootstrap 没有消失，那么它们可能被缓存在我的浏览器上了吗？我认为这在开发中没有发生，但以防万一我在隐身模式下启动了 chrome。仍然没有变化。

除了弄清楚如何解决这个问题之外，我真的很想了解这里发生了什么——希望我能更好地了解 Rails Assets 管道的工作原理。

Answer 1

itsnikolay 的回答很好，但似乎没有加载任何其他 css 文件。如果您在 application.css 文件中包含 require_tree . 行，您将加载其他文件。

这里唯一的问题是 bootstrap 中的 scss mixins 可能无法正常工作，因为每个 scss 在混合在一起之前都被编译为 css。 (参见 railscast Sass basics)。如果您不想重用 bootstrap 中的任何 scss mixins，或者不知道我在说什么，您可能会很好地忽略这一点，只需将 require 树行添加到您的 application.css 文件中:

应用程序.css

/*
*= require shared/bootstrap-base
*= require_tree . #This line specifically is what will load the other .scss
*= require_self
*/

否则，您需要将 application.css 更改为 application.css.scss，然后使用 sass @import 命令导入:

应用程序.css.scss

/*
*= require_self
*/

 @import "bootstrap-sprockets";
 @import "bootstrap";
 @import "my_custom_css_file";
 @import "my_second_custom_css_file";
 #etc...

有关管道工作原理的更多基本信息，请查看 railscast on the asset pipeline .有点过时，但绝对仍然有用。