jquery - 将 css 外部链接合并为一个链接

Question

我正在尝试将所有 css 链接添加到一个。因此它有助于更​​快地加载页面。

我使用的链接是:

<link rel="stylesheet" href="index_files/stylesheet.css" type="text/css">
<link rel="stylesheet" href="/index_files/goStyle.css" type="text/css"/>
<link rel="stylesheet" href="/index_files/jquerylogin.css" type="text/css">
<link rel="stylesheet" href="/index_files/jquery-ui.css">

根据研究，建议将所有 css 合并到一个文件中，但我遇到了相同类名影响不同标签的问题。

我尝试添加链接，例如:

<link rel="stylesheet" href="index_files/stylesheet.css+goStyle.css+jquerylogin.css+jquery-ui.css" type="text/css">

但运气不佳。

请有人帮我解决这个问题。

Answer 1

请阅读此页面:Combine and Minify Multiple CSS / JS Files

Check out minify - it allows you combine multiple js, css files into one just by stacking them into a url, e.g.

<script src="/scripts/js/main.js,/scripts/js/adapter/adapter.js"></script>

We've used it for years and it does a great job and does it on the fly (no need to edit files).