ruby-on-rails - 使用@import 或 require 将 css 和 js 导入 Rails 4.2.4 应用程序

Question

我需要将一些文件导入到 application.css 或 application.js 文件中。例如，对于 css，我使用 @import 语句。我在 vendor/assets/stylesheets 目录中有一些样式表:

vendor/assets/stylesheets/font-awesome.min.css
vendor/assets/stylesheets/bootstrap.min.css
etc

所以我使用:

@import 'font-awesome';
@import 'simple-line-icons';
@import 'bootstrap';

在这里我能够加载 font-awesome 文件，但不能加载 bootstrap 或 simple-line-icons。我收到此错误:

File to import not found or unreadable: file_name.css

很奇怪。从供应商目录导入文件的一般想法是否正确？还是应该将这些文件放在其他目录中？

P.S:我知道你可能会问我为什么要手动导入 bootstrap 而不是使用 gem；答案是我买了一些模板，我想包含模板中的所有文件以保持一致。

Answer 1

您从 vendor/assets/stylesheets 导入文件的想法是绝对正确的。从其他地方导入的文件(不是你自己写的)应该放在那里。

但是，您应该执行@import bootstrap.min，而不是@import bootstrap。

此外，正如@Rendrum 指出的那样，将 *= require bootstrap.min 放入您的 application.css 中可能会更好。