Concatenate varios archivos CSS en un solo

¿Cuál es la mejor manera de concatenar varios archivos CSS en un archivo CSS?Concatenate varios archivos CSS en un solo

que quieren reducir la siguiente ..

<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">

.. .. en

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

Simplemente haciendo cat css/*.css > css/1-3.css no parece hacer el truco.

Fuente

2010-02-03 knorv

¿Hay algún error? –

El gato debería funcionar. ¿Qué pasa cuando lo intentas? Algunas reglas no funcionan, no funcionan las reglas, no puede encontrar 1-3.css, etc. – meagar

¿Cuál es exactamente el problema que está obteniendo con cat css/*. Css> css/1-3.css? –

Mientras el ordenar de los argumentos para cat coincide con el orden original de los tres archivos CSS que se hace referencia en el archivo HTML del cat -method debería funcionar como se espera.

Así dada decir ..

<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">

la siguiente .. .. concaternation

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

.. juntos, será la siguiente referencia ..

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

.. debe ser 100% idéntico.

Fuente

2010-02-03 14:42:13 knorv

A principios de 3.css se podría añadir:

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

pero yo prefiero el uso de múltiples etiquetas de enlaces, o, mejor aún, comprimiendo mi CSS en 1 archivo (usando YUI compressor por ejemplo).

Fuente

2010-02-03 14:29:26

+1 compresor YUI. Además, si puede codificar algunas cosas inteligentes del lado del servidor, puede minimizar automáticamente y enviar cuando lo solicite, lo que significa que no tiene que preocuparse por eso cuando desee cambiar algo en los archivos originales. –

Siempre se puede importar los archivos CSS secundarias de la CSS principal que se incluye en el código HTML. Aquí está a nice and simple tutorial.

Fuente

2010-02-03 14:32:27 Kon

También puede usar mod_concat o PHP solution para combinar sus archivos CSS y JS.

FYI, Robert Nyman escribió recientemente un artículo sobre optimizing CSS and JavaScript files.

Fuente

2010-02-03 14:45:57

Concatenate varios archivos CSS en un solo

Respuesta

Cuestiones relacionadas