0

今まで、次のようにプリコンパイルせずにローカル環境に 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で呼び出さなくても自動的に表示されます

4

2 に答える 2

0

多くの場合、application.html.erb (app/views/layouts) にファイルが含まれます。要件については、そこで確認してください。

于 2013-04-30T03:40:47.433 に答える
0

すべてが正しく機能するためには、application.css の *= require_self が必要であることがわかりました。

于 2013-04-30T17:59:38.213 に答える