爲MVC架構中的網站存儲樣式表

Question

我正在建立一個使用MVC架構的網站。它需要很多CSS。我需要至少20個css文件來存儲它們，每個文件都與一些獨特的視圖相關聯。我想知道我可以在哪裏存儲css文件？無論是在一個單一的根目錄下，或者我應該存儲一個特定的視圖。在通用模板文件中鏈接這些文件也很麻煩。我的意思是它會顯示20個不同的標籤。有沒有其他方法可以做到這一點？請幫忙。順便說一句，我正在使用codeigniter框架。

Answer 1

我所做的是將它全部存儲在公用文件夾（容納index.php文件的文件夾）中的一個css文件夾中。我也有一個生成實際的鏈接標籤一個輔助方法，所以在模板文件，我只是碰到這樣的：

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

調用則將使鏈接（並假設他們在輔助方法public/css目錄）。

清理原始模板文件，儘管它仍然在文件本身中生成多個標記。我使用部分視圖，因此有一個主視圖，它具有在每個頁面（或幾乎每個頁面）上使用的主要CSS文件，然後在每個模板上添加視圖獨有的模板。

如果你有20個CSS文件，你可能想要看看你能整理什麼，做出更通用的。任何你有多個相同風格（甚至是文件夾）的地方都適合砧板。任何額外的文件應該相對較小，並且只提供異常頁面的覆蓋（如果你可以更多地泛化這些文件，那麼你可以使用多個頁面的文件，那就更好了）。

Answer 2

我會建議您將所有CSS文件合併到一個文件中。它更容易維護，並且您將只有一個請求到服務器。有這麼多的CSS文件只會增加你的頁面加載時間。還gzip的CSS文件，以提高頁面速度。