Как переписать относительные пути шрифтов и изображений в css — файлах (Gulp.js)?

Question

[Артём Иннокентьев]

При сборке проекта css - файлы зависимостей из bower_components ссылаются на свои изображения и шрифты по относительному пути - как переписать пути на свои абсолютные?

К примеру, на входе файл с содержимым:

.info{
    background: url(themes/assets/hello.png)
}

На выходе:

.info{
    background: url(/static/img/hello.png)
}

Также, хотелось бы чтобы URL, которые ссылаются на ресурсы CDN не изменялись.

Как это сделать?

Comments

[Илья Шатохин]

Использовать less, sass или другой препроцессор. Относительные пути хранить где-то в одном файле и заменять его содержимое при сборке. Вот пример для less:

@static-path: "/themes/assets/";

/* ------- */

.info{
    background: url(@{static-path}/hello.png)
}

[Артём Иннокентьев]

Илья Шатохин: Вариант норм, но как быть с пакетами bower? Вручную переписывать им относительные пути?