【问题标题】:rails asset pipeline application.css loading itself messing up cssrails 资产管道 application.css 加载自己搞砸 css
【发布时间】:2013-04-30 02:39:52
【问题描述】:

直到现在,我一直在本地环境中加载我的 css 文件,而没有像这样进行预编译:

= stylesheet_link_tag    "bootstrap.min", :media => "all"
= stylesheet_link_tag    "bootstrap-responsive.min", :media => "all"
= stylesheet_link_tag    "font-awesome.min", :media => "all"
= stylesheet_link_tag    "ace.min", :media => "all"
= stylesheet_link_tag    "ace-responsive.min", :media => "all"
= stylesheet_link_tag    "ace-skins.min", :media => "all"
= stylesheet_link_tag    "datepicker", :media => "all"

但我现在想将其更改为预编译...所以我在 application.css 中进行了此操作:

/*
 *= require bootstrap.min
 *= require bootstrap-responsive.min
 *= require font-awesome.min
 *= require ace.min
 *= require ace-responsive.min
 *= require ace-skins.min
 *= require datepicker
 */

但是,它会像这样在 html 中加载 css 文件:

<link href="/assets/bootstrap.min.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/bootstrap-responsive.min.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/font-awesome.min.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/ace.min.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/ace-responsive.min.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/ace-skins.min.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/datepicker.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/application.css?body=1" media="all" rel="stylesheet" type="text/css" />

加载 application.css 的最后一行搞砸了 css,我不知道如何摆脱它。没有它,它看起来很完美。我没有明确加载它..只是用它来加载资产。我如何阻止最后一行加载?它会自动出现而不在 application.css 中调用它

【问题讨论】:

  • 您在控制台中遇到的错误是什么?
  • 意识到最后一段代码没有显示在那里...抱歉

标签: ruby-on-rails asset-pipeline


【解决方案1】:

通常在您的 application.html.erb (app/views/layouts) 中会包含文件。检查那里的要求。

【讨论】:

  • 不,绝对不是。我在我的问题中列出的第一段代码是我在没有预编译的情况下加载的,它运行良好......只有当我使用 application.css 时它才会添加该行
  • 这个有现场版吗?
  • 另一个想法是从 application.css 中删除任何 css 或 @imports
  • 我的完整 application.css 文件列在我的问题中。我没有任何@imports,我必须包含其他 css 文件,否则它不会加载任何 css
【解决方案2】:

事实证明我需要: *= application.css 中的 require_self 才能正常工作

【讨论】:

    猜你喜欢
    • 2018-01-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-05-09
    • 2013-07-31
    • 1970-01-01
    • 2023-03-27
    • 2017-02-06
    相关资源
    最近更新 更多