css - 当使用 YUI Compression 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) }

当此条目“混合”到另一个位置的中央文件中时，该 url 将不再有效。

除了更新每个 CSS 文件中的所有 url 之外，有人知道解决这个问题的方法吗？

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

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

Answer 1

我建议切换到 Sass/SCSS 结合 Scout App .这样，您就可以在主工作表中 @include 所有帮助工作表(如混合或主题)，该工作表被编译并缩小到单个 css 文件中。

所有的 css 文件都可以像 scss 一样无缝地工作，所以不会让人头疼。

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