たくさんの HTML と CSS ファイルを提供してくれるフロントエンド デザイナーと仕事をしています。Twitter Bootstrap の CSS やその他のフレームワークのように、非常に単純なものがいくつかあります。
しかし、デザイナーが他の多くのスタイルシートを作成した場合、それらを stylesheets ディレクトリに含めるべきですか、それともすべてのスタイルをメインapplication.cssファイルにコピーするべきでしょうか?
これは単なるスタイルの問題ですか、それとも私のアプローチはアセット パイプラインにとって本当に重要ですか (または重要ではありませんか)?
ありがとう。
通常、アプローチは問題ではありませんが、最終ページの 1 つのスタイルシート リンクにすべてを含めたくない場合は、問題になる可能性があります。コードを分離しておくのと同じ理由で、スタイルシートを分離しておくことを強くお勧めします。メンテナンスが容易になり、ファイルごとの概念的なオーバーヘッドが少なくなり、必要な変更を行う場所を見つけやすくなります。
それらはアセット パイプラインによって結合されますが、コントローラーまたはコンポーネントごとに 1 つのスタイルシートを作成し、独自のファイルで特定の共有スタイル (ナビゲーション、フォーム、共通 UI フォーム) を使用する傾向があります。私はまだ完全な解決策を見つけていません (私はまだ "DRYer" スタイルシートが欲しくて苦労しています) が、これはかなりうまくいきます。
application.csscssファイルを整理するためのメンターですが、application.cssその中にcssファイルを直接書き込まないようにというコメントが上部にあったことを覚えています。フロントエンド担当者から提供されたスタイルシート コンテンツ用の新しい css ファイルを作成する必要があります。また、application.css により、stylessheet フォルダーの下にあるすべてのファイルが自動的に含まれます。それが動作します。