問題タブ [asset-pipeline]

Rails 3.1のエンジンにアセットをどのように提供する必要がありますか？それらはどこに配置する必要があり、自動的に含めることができますか？

（元々はTomas Celiznaからの質問）

Rails 3.1 アプリケーションに CSS フレームワーク Blueprint をロードしようとしています。

Rails 3.0 以降では、views/layouts/application.html.erb に次のようなものがあります。

ただし、Rails 3.1 は SASS を使用するようになりました。これらのブループリント CSS ファイルをロードする適切な方法は何ですか?

現在、私は app/assets/stylesheets/ に青写真ディレクトリを持っています

私の app/assets/stylesheets/application.css は次のようになります:

必要なブループリント ファイルをロードするように、application.css で何かを行う必要がありますか? もしそうなら、どのように？

第 2 に、IE8 をチェックして blueprint/ie.css をロードするための何らかの条件をどのように提供すればよいでしょうか?

編集：

うーん、アプリのウェブページを再読み込みしています。Rails 3.1 には Blueprint ファイルが含まれています。css ファイルがフォルダー内にある場合でも (この場合: app/assets/stylesheets/blueprint.)

それは私に2つの質問を残します

1. SASSを使用してif lt IE 8条件をどのように適用する必要がありますか?
2. SASS を使用して印刷形式 (つまり、<%= stylesheet_link_tag 'blueprint/print', 'media' => 'print' %>) の css ファイルをロードするにはどうすればよいですか?

これは別の質問で尋ねられましたが、3.1rc1ではどのソリューションも機能していないようです。

Rails3.1で新しいアセットを使用しようとしています-ファイルがあります：

次に追加しました：

jquery-ui javascriptファイルは問題なく読み込まれますが、cssファイルには次のように記載されています。

何か案は？

既存のアプリを新しい 3.1 アセット パイプライン レイアウトに変換しようとしており、特定の順序にする必要がある多くのベンダー ファイルを含めたいと考えています (underscore.js とバックボーンが 1 つのペアです)。そのため、a を使用= require_tree .してベンダー ファイルを取り込むことはできません (各ファイルの名前をプレフィックスで変更する必要はありません。うーん)。

以下は私のapp/assets/javascripts/application.jsファイル内にあります：

拡張機能の有無、require_tree の有無、および相対パスの有無のすべての組み合わせを試しましたが、何も機能しません。私のベンダー ファイルはすべて/vendor/assets/javascripts/.

これは非常に明白なユースケースのように見えるので（JSでは特定のファイルを名前で含めるのが一般的ですよね？）、ばかげたことをしているに違いないので、私はばかげているように感じますか？

最近、Rails 3.0 プロジェクトの 1 つを 3.1 rc1 で分岐して、新しいアセット パイプラインを試してみました。私は 3.1 に移行する前にプロジェクトで Sass を使用していたので、いくつかの変数と関数を別の構成ファイルに設定し、他のすべての sass ファイルが最初の行でその 1 つのファイルをインポートできるようにしました。

これは、スタイルシート内でいくつかのカラー コードと一般的なジオメトリを繰り返さないようにうまく機能しています。新しい Assets Pipeline の問題は、私が理解しているように、「.css.sass」ファイルを残りのコードに追加する前に生の css に変換することです。

したがって、「application.css」で指定すると、次のようになります。

次のようなエラーが表示されます。

次からファイルにアクセスしようとすると：http://localhost:3000/assets/application.css

何か案は？

私の理解では、すべてのJavaScriptが1つのファイルにマージされます。Railsは、マニフェストファイル//= require_tree .の最後に追加するときに、デフォルトでこれを行います。application.js

これは実際の命の恩人のように聞こえますが、ページ固有のJavaScriptコードについて少し心配しています。このコードはすべてのページで実行されますか？最後に必要なのは、1ページでのみ必要な場合に、すべてのオブジェクトをすべてのページでインスタンス化することです。

また、コードが衝突する可能性もありませんか？

scriptまたは、ページの下部に、ページのjavascriptコードを実行するメソッドを呼び出すだけの小さなタグを付けますか？

では、require.jsはもう必要ありませんか？

ありがとう

編集：私はすべての答えに感謝します...そして私は彼らが本当に問題に取り組んでいるとは思いません。それらのいくつかはスタイリングに関するものであり、関連していないようです...そして他の人はただ言及していjavascript_include_tagます...私が知っていることは（明らかに...）ですが、今後のRails3.1の方法はすべてをまとめることであるように見えます各ページの下部に個別のJavaScriptをロードするのではなく、JavaScriptを1つのファイルにロードします。

私が思いつくことができる最善の解決策は、特定の機能をsまたはesのdivタグでラップすることです。JavaScriptコードでは、またはがページ上にあるかどうかを確認し、ある場合は、それに関連付けられているJavaScriptコードを実行します。このように、動的要素がページにない場合、JavaScriptコードは実行されません。これは、Sprocketsによってパッケージ化された大量のファイルに含まれている場合でも同様です。idclassidclassapplication.js

上記のソリューションには、100ページのうち8ページに検索ボックスが含まれている場合、それらの8ページでのみ実行されるという利点があります。また、サイトの8ページに同じコードを含める必要はありません。実際、サイトに手動のスクリプトタグを含める必要はもうありません。

これが私の質問に対する実際の答えだと思います。

新しいRails3アセットパイプラインに関する実際のドキュメントを見つけるのに苦労しています。ビデオがあることは知っていますが、この形式で1時間のビデオを見たくありません。私は約10分間見ましたが、何も知りませんでした。

では、Rails 3アセットパイプラインについて何を知る必要がありますか？これは私の以前のプロジェクトにとって何を意味し、将来のプロジェクトにとって何を意味しますか？

Ruby on Rails 3.1 (RC1) では、スプロケットはデフォルトで (dev) ログで非常に詳細になる傾向があります。

冗長性のレベルを下げるか、完全に無効にしたいと思います。

ActiveRecord SQLステートメントを無音にする設定行をいずれかenvironment.rbまたはdevelopment.rb同様に追加することにより、ロギングの冗長性を無効化または削減するクリーンな方法があると思います。config.active_record.logger = nil

Rails 3.1 パイプラインのプリコンパイル済みアセットを s3 にデプロイするにはどうすればよいですか?

このアセット バケットとの同期作業を自動化するタスクが必要です。

編集：

この宝石はまさに私が必要としているものです: https://github.com/rumblelabs/asset_sync .

アセットパイプラインでRails3.1とSCSSを使用しています。SCSSファイルのRailsヘルパーまたはコントローラーデータにアクセスする方法はありますか？何かのようなもの...

自分で設定できることはわかって$variablesいますが、コントローラーのデータからどのようにデータを入力するかわかりません。