1. Dom
  2. Pytanie i odpowiedź
  3. Łączenie wielu plików CSS w jeden

Łączenie wielu plików CSS w jeden

2010-02-03 17 views
5

Jaki jest najlepszy sposób łączenia wielu plików CSS w jeden plik CSS?Łączenie wielu plików CSS w jeden

Chcę zmniejszyć następujących ..

<link href="css/1.css" rel="stylesheet" type="text/css" media="all"> 
<link href="css/2.css" rel="stylesheet" type="text/css" media="all"> 
<link href="css/3.css" rel="stylesheet" type="text/css" media="all">

.. do ..

<link href="css/1-3.css" rel="stylesheet" type="text/css" media="all">

prostu robi cat css/*.css > css/1-3.css wydaje się nie załatwi.

Źródło

2010-02-03 knorv

+0

Czy wystąpił błąd? –

+0

Kot powinien działać. Co się stanie, gdy spróbujesz? Niektóre zasady nie działają, nie działają reguły, nie można znaleźć 1-3.css, itp.? – meagar

+1

Jaki jest dokładnie problem, który otrzymujesz z cat css/*. Css> css/1-3.css? –

Odpowiedz

7

Dopóki zamawiającego argumentów dla cat pasuje oryginalna kolejność trzech przywoływanych plików CSS w HTML plik programu cat -method powinien działać zgodnie z oczekiwaniami.

Więc podane powiedzieć ..

<link href="css/one.css" rel="stylesheet" type="text/css" media="all"> 
<link href="css/two.css" rel="stylesheet" type="text/css" media="all"> 
<link href="css/three.css" rel="stylesheet" type="text/css" media="all">

.. następujących concaternation ..

cat css/one.css css/two.css css/three.css > css/all.css

.. razem będą następujące odniesienie ..

<link href="css/all.css" rel="stylesheet" type="text/css" media="all">

.. powinno być W 100% identyczne.

Źródło

2010-02-03 14:42:13 knorv

4

Na początku 3.css można dodać:

@import url(/css/1.css); 
@import url(/css/2.css);

ale wolę korzystania z wielu tagów linku, lub, jeszcze lepiej, ściskając moją CSS w 1 pliku (za pomocą YUI compressor na przykład).

Źródło

2010-02-03 14:29:26

+2

+1 kompresor YUI. Ponadto, jeśli możesz kodować pewne sprytne rzeczy po stronie serwera, które możesz automatycznie zaminować, a następnie, gdy jest to wymagane, oznacza to, że nie musisz się tym martwić, gdy chcesz coś zmienić w oryginalnych plikach. –

Powiązane problemy

 Powiązane problemy