css - compressor - minify

¿Existe una versión de YUI Compressor que se ocupe correctamente de las consultas de medios?

Question

YUI Compressor tiene un error conocido en el que algunas consultas de medios, incluidas las que se usan para servir estilos a dispositivos iOS y Android (por ejemplo, @media screen and (max-device-width: 480px) {...} medios @media screen and (max-device-width: 480px) {...} ), se rompen cuando se comprimen, porque el espacio entre el and y la abrazadera de apertura se elimina.

• http://yuilibrary.com/projects/yuicompressor/ticket/2527991

La última versión disponible para descargar desde la página de inicio (2.4.2) aún tiene este problema.

• http://yuilibrary.com/downloads/#yuicompressor

¿Hay una versión actualizada disponible donde se solucione este problema?

Answer 1

Sí, este problema se solucionó en 2.4.4, que se puede descargar desde el proyecto git de YUI Compressor:

• https://github.com/yui/yuicompressor/archives/yuicompressor-33

Esta versión parece funcionar, al menos en Mac OS X 10.6.4.

Instrucciones:

1. Descargue la fuente comprimida de la página anterior y descomprímala.
2. En la Terminal, cambie a la carpeta fuente descomprimida.
3. Escribe ant y pulsa retorno. Esto creará una carpeta llamada build y pondrá el archivo jar construido en ella. El archivo jar creado se llama yuicompressor-2.4.5pre.jar
4. Cambie a la carpeta de compilación y ejecute chmod +x yuicompressor-2.4.5pre.jar para hacer el archivo jar ejecutable.
5. Opcionalmente, mueva el archivo jar a /usr/local/bin/
6. Opcionalmente, cree un alias en su archivo .profile para que sea más fácil de ejecutar, por ejemplo, alias yuic="java -jar /usr/local/bin/yuicompressor-2.4.5pre.jar"

Answer 2

Si tiene que hacer que esto funcione en 2.4.2, use el hack de preservar comentarios (normalmente se usa para mensajes de derechos de autor).

@media screen and/*!YUI-Compressor */(max-device-width: 480px) {...}