При использовании 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 больше не действителен.

Кто-нибудь знает способ обойти это, кроме обновления всех URL-адресов в каждом файле CSS?

(Мне интересно, может ли инструмент сжатия YUI через chirpy сделать это для меня).

Я хотел бы избежать абсолютных URL-адресов, потому что код сайта повторно используется в подкаталогах на том же веб-сервере.

Answer 1

Я предлагаю перейти на Sass / SCSS в сочетании с Scout App. Таким образом, вы можете @include все вспомогательные листы (например, миксины или темы) в основной, который компилируется и минимизируется в один файл CSS.

Все CSS-файлы работают без проблем, как Scss, так что головной боли нет.

Мой код (и жизнь) значительно улучшились после этого обновления.