MVCアーキテクチャでウェブサイトのスタイルシートを保存する

Question

MVCアーキテクチャを使用してウェブサイトを構築しています。それはそれで多くのCSSを必要とします。私はいくつかのユニークなビューに関連付けられている少なくとも20のCSSファイルをそこに格納する必要があります。私はcssファイルをどこに保管できるのか知りたいですか？単一のルートcssディレクトリ内にあるか、特定のビューで保存する必要があります。共通のテンプレートファイル内でこれらのファイルをリンクすることも十分に面倒です。 20種類のタグが表示されます。これを行う別の方法はありますか？助けてください。私は途中でcodeigniterフレームワークを使用しています。

Answer 1

私がしていることは、パブリックフォルダ（index.phpファイルが格納されているフォルダ）の中にあるcssフォルダにすべて保存することです。

<?= stylesheet('sheet1','sheet2','sheet3') ?> 

その後、リンクを作る（そして、彼らはにいることを前提としています呼び出すヘルパーメソッド：テンプレートファイルには、私はちょうどのようなものを持っているので、私は、実際のリンクタグを生成するヘルパーメソッドをも持っていますパブリック/ cssディレクトリ）。

生テンプレートファイルをクリーンアップしますが、それでもファイル自体に複数のタグを作成します。私は部分的なビューを使用するので、すべてのページ（またはほぼすべてのページ）で使用されるメインのCSSファイルを持つマスタービューがあり、各テンプレートにビュー固有のものを追加します。

CSSファイルが20個ある場合は、整理してより一般的なものを確認してください。同じスタイル（複数のファイルを含む）の複数の場所がチョッピングブロックのためにアップされています。余分なファイルは比較的小さく、例外ページのオーバーライドのみを提供する必要があります（さらにそれらを汎用化することができますので、複数のページにファイルを使用する場合はそれがさらに優れています）。

Answer 2

すべてのCSSファイルを1つのファイルにまとめることをお勧めします。メンテナンスが簡単で、サーバーへの要求が1つだけになります。非常に多くのcssファイルを持つことはあなたのページの読み込み時間を増加させるだけです。また、ページ速度を上げるためにCSSファイルをgzipします。