2012-05-07 15 views
4

Rails 3.2と最新のSass and Coffee Rails Gemsへの大幅なアップグレードを行いましたが、私のアプリケーションファイルはApplication.css.scssとしてレンダリングされません。私のような私のhtmlでそれを持っていた:Rails 3.2とSassはApplication.cssをレンダリングしません

<%= stylesheet_link_tag 'application.css.scss' %> 

そして、私は私の開発モードでページのソースを見ると、私は一体何が起こっているか

<link href="/assets/application.css.scss.css" media="screen" rel="stylesheet" type="text/css" /> 

を取得しています!

私は自分のページのソース内だけで「アプリケーション」としてそれを残せば、私はapplication.cssを持っているので、あなたは追加されない場合は

答えて

1

など、私はをstylesheet_link_tagの内側に置くすべてのものに.cssファイルを追加しているようですstylesheet_link_tag.cssの拡張子が自動的に付加されます。しかし、あなたが.scssを指定しているときに、その拡張子を追加する理由がわかりません。

<%= stylesheet_link_tag 'application' %>を使用しない理由もわかりませんが、これはすべて必要です。

詳細はstylesheet_link_taghereのドキュメントを参照してください。

+0

それなら、私はなぜそれもやっているのか分かりません。私は 'application'を試してみましたが、私の質問によると、application.cssに変わりました:( – comebacknader

+0

それは私が意味するのですが、なぜ動作しないのですか?アセットパイプラインはscssファイルから 'application.css' – x1a4

1

Sprocketsを使用してRails 3.2でこれを行う「デフォルトの」方法は、Sprocketsマニフェストコードを含むapplication.css(application.css.scssではなく)というファイルを持つことだと思います。これは次のようになります...

application.css(アプリ/資産/スタイルシート)

/* 
* This is a manifest file that'll automatically include all the stylesheets available in this directory 
* and any sub-directories. You're free to add application-wide styles to this file and they'll appear at 
* the top of the compiled file, but it's generally better to create a new file per style scope. 
*= require_self 
*= require main_scss_file 
*/ 

1は、自身の内部にコンテンツを追加しrequire_selfする必要があり、少なくとも2行があるはずですあなたのメインのscssファイルへの参照であるsome_other_fileが必要です。rakeアセットのデフォルトの動作:プリコンパイルはapplication.jsとアプリケーションcssをコンパイルすることです。

production.rbはRail生成プログラムによって生成されましたapplication.cssはデフォルト。 (設定/環境)

# Precompile additional assets (application.js, application.css, and all non-JS/CSS are already added) 
    # config.assets.precompile += %w(search.js) 
    config.assets.precompile += %w(home.js) 

application.erb

<%= stylesheet_link_tag 'application' %> 
4

タグのための適切な形式は:

<%= stylesheet_link_tag 'application' %> 

Railsは自動的.cssファイルに.scssファイルをコンパイル - 次いで正しいファイルが自動的にインポートされます。それはすべてあなたの世話をしています。

関連する問題