Я пытаюсь использовать 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 больше не действителен.
Кто-нибудь знает способ обойти это, кроме обновления всех URL-адресов в каждом файле CSS?
(мне интересно, может ли инструмент сжатия YUI через chirpy сделать это для меня).
Я бы хотел избежать абсолютных URL, потому что код сайта повторно используется в подкаталогах на том же веб-сервере.