在MVC架构中存储网站的样式表

Question

我正在使用MVC架构构建一个网站。它需要大量的CSS。我需要至少20个css文件存储在其中，每个文件与一些独特的视图相关联。我想知道在哪里可以存储css文件？可以在单个根css目录中，也可以将其存储在特定视图中。另外，在公共模板文件中链接这些文件将非常繁琐。我的意思是它会显示20个不同的标签。有没有其他方法可以做到这一点？请帮忙。我顺便使用codeigniter框架。

Answer 1

我所做的就是将它全部存储在公共文件夹（包含index.php文件的文件夹）中的css文件夹中。我还有一个生成实际链接标记的辅助方法，所以在模板文件中，我只有类似的东西：

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

调用的辅助方法然后会生成链接（并假设它们位于public / css目录中）。

清理原始模板文件，但它仍然在文件本身中生成多个标记。我使用部分视图，因此有一个主视图，其中包含在每个页面（或几乎每个页面）上使用的主要CSS文件，然后在每个模板上添加视图唯一的文件。

如果您有20个CSS文件，您可能需要查看可以整理的内容并使其更通用。任何你有多个相同样式（甚至跨文件）的地方都是斩波块。任何额外的文件都应该相对较小，并且只提供异常页面的覆盖（如果你可以对这些文件进行泛化，那么你可以将文件用于多个页面，那就更好了。）

Answer 2

我建议您将所有CSS文件合并到一个文件中。它更易于维护，您只需向服务器发出一个请求。拥有如此多的css文件只会增加页面的加载时间。同时gzip css文件以提高页面速度。