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文件中看到它，当我在浏览器中将其拉出来但它在页面上无效时。这是我的页面视图中的链接...

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

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

- UPDATE -

我注意到，如果我更改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";

css文件未加载application.scss

1 个答案: