Какой плагин для Gulp собирает CSS с включаемыми через url() файлами?

Question

[Святослав Хусамов]

У меня в CSS файлах много всяких включений, типа

background:url('../images/loading.gif')

Плагин concat-css соединяет файлы, а вот включения игнорирует.

Какой плагин для Gulp позволяет все эти файлы подхватить и переписать пути?

Мне нужно, чтобы плагин включил в build все эти файлы и корректно переписал пути к ним.

Comments

[Святослав Хусамов]

Нашел два плагина, которые решают эту проблему. Но с ними возникло осложнение с вычислением путей к шрифтам. Открыл два тикета на эту тему у авторов плагинов. Если будет найдено решение, тут отпишусь.

Вот тикеты:

https://github.com/shutterstock/postcss-copy-asset...

https://github.com/devex-web-frontend/postcss-asse...

Answer 1

[Alex]

Попробуйте postcss с postcss-url.

Comments

[Святослав Хусамов]

Спасибо за ответ! По описаниям вроде то что нужно, но нет документации как это настроить. Попытался написать так, но не работает: .pipe(postcss([postcssUrl({ url: "copy" })])) Подскажите, как его продключить к Gulp?

[Святослав Хусамов]

Это не работает: .pipe(postcss([postcssUrl({ url: "copy" })], { to: __dirname + "/TEMP/TEMP.css" })) Файлы не копируются.

[Святослав Хусамов]

После долгих поисков, вроде этот плагин заработал как нужно. Правда настройка выглядит некрасиво конечно. .pipe(postcss([copyAssets()], { to: __dirname + "/TEMP/TEMP.css" }))