将多个css文件合并到一个文件中

我有这个乔姆拉！网站和我已经建立了一个yoo主题模板，但我的网站非常慢，因为模板有30个外部CSS文件和大约20个脚本文件

我已经成功地使用组件ScriptMerge将所有JavaScript文件合并为一个，但是对于CSS，该组件不能正常工作，因为当我将所有CSS文件合并为一个组件时，它会弄乱我的站点

我也尝试过其他组件，如jch优化器和jbetolo，但没有成功

有人知道可以帮我完成这项工作的组件或插件吗？或者别的什么，我也尝试了一些脚本来组合到.htaccess中，但也没有成功。

您可以使用@import url'file'将每个css文件包含到一个css文件中，然后只在主页中包含一个文件

e、 在我的网站上

@import url("nav.css");
@import url("popup.css");
@import url("latestPosts.css");
@import url("home.css");

这段代码放在common.css的顶部，然后common.css被包含在index.php中

您可能想看看这里：

您可以使用@import url'file'将每个css文件包含到一个css文件中，然后只在主页中包含一个文件

e、 在我的网站上

@import url("nav.css");
@import url("popup.css");
@import url("latestPosts.css");
@import url("home.css");

这段代码放在common.css的顶部，然后common.css被包含在index.php中

您可能想看看这里： 也许你能帮上忙？通过它运行您的组合文件，看看这是否有区别。但是不要忽视免责声明，该声明指出，当样式表取决于规则的顺序时，它可能无法正常工作。这就是级联样式表的本质

来自的样式表上的引用

样式表用于级联一系列样式，如 瀑布上的河流。河里的水碰到河里所有的岩石 瀑布，但只有在底部的瀑布影响确切的位置 水会流动

当你说当你合并样式表时会把你的网站搞砸。考虑一下文件的添加顺序。自动样式表组合脚本永远不会知道您希望最终结果是什么样子，它所能做的只是根据预定义的一组指令组合它，而不是根据它最终看起来有多好。因此，请确保输入正确，并以正确的顺序组合文件

这里有一个关于的有趣链接，可能会有所帮助。

也许可以帮你解决问题？通过它运行您的组合文件，看看这是否有区别。但是不要忽视免责声明，该声明指出，当样式表取决于规则的顺序时，它可能无法正常工作。这就是级联样式表的本质

来自的样式表上的引用

样式表用于级联一系列样式，如 瀑布上的河流。河里的水碰到河里所有的岩石 瀑布，但只有在底部的瀑布影响确切的位置 水会流动

当你说当你合并样式表时会把你的网站搞砸。考虑一下文件的添加顺序。自动样式表组合脚本永远不会知道您希望最终结果是什么样子，它所能做的只是根据预定义的一组指令组合它，而不是根据它最终看起来有多好。因此，请确保输入正确，并以正确的顺序组合文件

---

上有一个有趣的链接，可能会有所帮助。

这是允许加载各种扩展的模板驱动CMS的常见问题

有一个完整的增强部分，有一系列流行的扩展用于组合CSS和Javascript文件

---

这是允许加载各种扩展的模板驱动CMS的常见问题

有一个完整的增强部分，有一系列流行的扩展用于组合CSS和Javascript文件

---

非常流行。

如果你喜欢进入编码领域……这里有一个解决方案

您可以通过以下方式创建一个php文件，动态地将css文件捆绑到一个文件中：

<?php
# File combcss.php
readfile("stylesheet1.css");
readfile("stylesheet2.css");
?>

然后您可以这样调用样式表：

<link rel="stylesheet" type="text/css" href="/combcss.php" />

---

如果你喜欢进入编码领域…这里有一个解决方案

您可以通过以下方式创建一个php文件，动态地将css文件捆绑到一个文件中：

<?php
# File combcss.php
readfile("stylesheet1.css");
readfile("stylesheet2.css");
?>

然后您可以这样调用样式表：

<link rel="stylesheet" type="text/css" href="/combcss.php" />

---

我知道这个Q是很久以前发布的，但因为我曾经遇到过这种问题，我想我可以共享一个链接，指向我在为Joomla创建模板时经常使用的这两个任务管理器，即：

一个简单的grunt任务可以在瞬间组合CSS，请参见下面的示例

... cssmin：{ 目标：{ 档案：{ “css/output.css”：[ 'style1.css'， 'style2.css' ] } } }

---

我知道这个Q是很久以前发布的，但是因为我曾经有过这样的问题，我想我可以分享一个到这些t的链接 我在为Joomla创建模板时经常使用wo任务管理器，即：

一个简单的grunt任务可以在瞬间组合CSS，请参见下面的示例

... cssmin：{ 目标：{ 档案：{ “css/output.css”：[ 'style1.css'， 'style2.css' ] } } }

---

…是，但每次导入都会对该文件发出单独的http请求？是，它会对每次导入发出单独的请求，但在初始加载后应将其缓存。是，但每次导入都会对该文件发出单独的http请求？是，它会对每次导入发出单独的请求，但在初始加载后应将其缓存。