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