当使用YUI压缩viaChirpy压缩Css文件时，我如何获得相对url

Question

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

在某种程度上，我得到一个包含所有CSS的单个缩小文件。

我遇到的问题是，被引用的CSS文件包含图像的相对路径，所以当捣碎结果文件时，包含无效图像引用的CSS。

例如:

<!-- Jquery -->
<File Path="ThirdPartyJqueryjquery-ui-1.8.custom.css" />
<File Path="ThirdPartyJqueryPluginscolorboxcolorbox.css" />
<!-- Ext -->
<File Path="ThirdPartyExt_3.2.1uxLockingGridView.css" />
<File Path="ThirdPartyExt_3.2.1pluginsSchedule_1.7csssch-all.css" />

这些文件中的每一个都包含如下行:

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

当此条目被"捣碎"到另一个位置的中心文件中时，url将不再有效。

有谁知道除了更新每个CSS文件中的所有url之外的其他方法吗?

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

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

Answer 1

我建议切换到Sass/SCSS结合Scout App.这样，你可以@包括所有的帮助表(如mixins或主题)在主一个，这是编译和缩小到一个单一的css文件。

所有的css文件都可以无缝地作为scss工作，所以没有麻烦。

我的编码(和生活)在这次升级后有了很大的改善。