是否有正确处理媒体查询的YUI Compressor版本？

Question

YUI Compressor有一个已知的错误，一些媒体查询，包括那些用于为iOS和Android设备提供样式的媒体查询（例如@media screen and (max-device-width: 480px) {...}）在压缩时会被破坏，因为and和开口支架被移除。

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

可从主页（2.4.2）下载的最新版本仍存在此问题。

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

是否有修复此问题的更新版本？

Answer 1

如果你必须在2.4.2中使用它，请使用preserve comments hack（通常用于版权信息）。

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

Answer 2

是的 - 这个问题已在2.4.4中修复，可从YUI Compressor的git项目下载：

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

此版本似乎有效，至少在Mac OS X 10.6.4上。

说明：

1. 从上面的页面下载压缩的源代码并解压缩。
2. 在终端中，切换到解压缩的源文件夹。
3. 输入ant并点击返回。这将创建一个名为build的文件夹，并将生成的jar文件放入其中。构建的jar文件名为yuicompressor-2.4.5pre.jar
4. 转到build文件夹，然后运行chmod +x yuicompressor-2.4.5pre.jar以使jar文件可执行。
5. （可选）将jar文件移至/usr/local/bin/
6. （可选）在.profile文件中创建别名，以便更轻松地运行，例如alias yuic="java -jar /usr/local/bin/yuicompressor-2.4.5pre.jar"