使用YUI压缩viaChirpy到Mash Css文件时如何绕过相对URL？

Question

我正在尝试使用Chirpy将各个子目录中的所有CSS文件混合到一个文件中。

这就是我得到一个包含所有CSS的缩小文件的程度。

我遇到的问题是引用的CSS文件包含图像的相对路径，因此当混淆时，生成的文件包含带有无效图像引用的CSS。

例如：

<!-- Jquery -->
<File Path="ThirdParty\Jquery\jquery-ui-1.8.custom.css" />
<File Path="ThirdParty\Jquery\Plugins\colorbox\colorbox.css" />

<!-- Ext -->
<File Path="ThirdParty\Ext_3.2.1\ux\LockingGridView.css" />
<File Path="ThirdParty\Ext_3.2.1\plugins\Schedule_1.7\css\sch-all.css" />

这些文件中的每一个都包含以下行：

.ui-widget-header { url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) }

当此条目被“捣碎”到另一个位置的中心文件时，该网址将不再有效。

除了更新每个CSS文件中的所有网址外，有没有人知道这方面的其他方法？

（我想知道通过chirpy的YUI压缩工具是否可以为我做这件事。）

我想避免使用绝对网址，因为网站代码会在同一网络服务器上的子目录中重复使用。

Answer 1

我建议切换到Sass / SCSS并结合Scout App。这样，你可以@include主要的帮助表（如mixins或主题），编译并缩小为单个css文件。

所有css文件都可以无缝地作为scss工作，所以不用担心。

升级后，我的编码（和生活）得到了很大改善。