我碰到这个概念第一次调查时的 HTML5 broilerplate几年回来。有一段时间,我想要一个优雅的解决方案结合了多种包括为一体。这是关键。
为什么只使用一个CSS文件,一个是JS文件?
简单。加载时间。浏览器只下载一次3个文件,因此少包括有,更快的浏览器至少可以从CSS / JS和到图像上移动。
2011年鲜艳开始建设一个真正的大的web应用程序,其中有从“公”的一面不同的部分,以“行政”的一面,当然,还有其他几个碎片。这是有道理的我们,而不是有1 css文件进行管理,我们可以分解成CSS公共css文件,管理CSS,店面CSS等等等等,所有基于同样的理由程序员分解页面到包括页眉,页脚和侧边栏等等…现在的问题是我们结束了约8 CSS文件。而其中有8 CSS包括显得有点过分。所以我们知道,我们必须把它回落到一个CSS文件,一个JS文件。
好了,那么为什么不你的CSS文件中使用@IMPORT?
这正是我们认为我们应该做的。直到我们使用firebugs Net标签,并注意到它没有下载它作为一个文件,而是8个文件!
那么你如何使用HTACESS合并这些文件?
简单!用短短几行,我们可以做服务器端包含就在我们CSS和JavaScript文件!
<FilesMatch "\.combined\.css$"> Options +Includes AddOutputFilterByType INCLUDES text/css SetOutputFilter INCLUDES </FilesMatch> 然后,文件中指定anything.combined.css中,添加您的SSI声明
<!--#include file="main.css" --> <br><!--#include file="home.css" --> <br><!--#include file="admin.css" -->