css 个文件未加载 application.scss

Question

我向我的供应商库添加了一些 css 文件，我正试图让它们在我的应用程序上运行。当我打开开发页面查看文件

时，我看到了完整的 css

 http://0.0.0.0:3000/assets/application.css.scss

但它在实际页面上不起作用。当我查看页面的源代码时，我看到

<link data-turbolinks-track="true" href="/assets/application.css?body=1" media="all" rel="stylesheet" />
<script data-turbolinks-track="true" src="/assets/jquery.js?body=1"></script>

但是它显示了 js 文件而不是其他 css 文件。为什么它会显示 js 文件而不显示 css 文件。我像这样将额外的 css 文件导入到 application.scss...

@import "fontello";
@import "font-awesome";
@import "animation";
@import "hover";
@import "morphext";
@import "settings-ie8";
@import "settings";
@import "fontello-codes";
@import "fontello-embedded";
@import "fontello-ie7-codes";
@import "fontello-ie7";
@import "owl.carousel";
@import "owl.theme";
@import "owl.transitions";
@import "bootstrap";
@import "bootstrap-theme";

就像我说的那样，当我在浏览器中将其拉出时，我在 application.scss 文件中看到了它，但它在页面上不起作用。这是我的页面视图中的 link...

<%= stylesheet_link_tag    "application", media: 'all', "data-turbolinks-track" => true %>
<%= javascript_include_tag "application", "rails.validations", "data-turbolinks-track" => true %> 

我注意到在源代码上它首先显示 turbolinks 而不是 link href... application.css 文件。我错过了什么？

--更新--

我注意到，但是如果我将 css 的调用更改为手动添加每个 css，那么它会出现在源代码中，

<%= stylesheet_link_tag    "application", "hover", media: 'all', "data-turbolinks-track" => true %>

页面源代码变为...

<link data-turbolinks-track="true" href="/assets/application.css?body=1" media="all" rel="stylesheet" />
<link data-turbolinks-track="true" href="/assets/hover.css?body=1" media="all" rel="stylesheet" />
    <script data-turbolinks-track="true" src="/assets/jquery.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/jquery_ujs.js?body=1"></script>  
etc...

那么为什么当我调用 application.scss 时不将 css 文件放在一起？

Answer 1

您是否像这样在 application.rb 文件中加载供应商库：-

config.assets.paths << Rails.root.join('vendor', 'assets')

然后在您的 application.css.scss 中要求这些，例如：

@import "external_library/contents";