Задать вопрос
@Wizardzim

Как настроить Gulp чтобы автоматически подтягивал картинки, шрифты, прочее при конкатекации и минимизации CSS?

Решил упростить себе жизнь и собирать всё с помощью Gulp и main-bower-files, в т.ч. Bower компоненты.
Практически сразу столкнулся с проблемой:
В CSS (LESS) в моё конкретном случае прописаны относительные url (картинок, шрифтов) - например у Bootstrap.
И эти картинки и шрифты сами не копируются, более того, пути к этим файлам не исправляются (а ведь могут быть одинаковые пути вроде ../images/images.png).
Я попробовал что-то сделать с помощью gulp-concat-css gulp-replace gulp-minify-css gulp-flatten gulp-rename но что-то получилось не так как я хотел.
gulp-concat-css умеет rebaseUrls, но совсем никак не касается зависимых файлов.
Есть ли какое-то стандартное решение?

Которое бы:
  • проанализировало url CSS в источнике
  • заменило URL


И потом бы с этим уже можно было бы работать:
  • сконкатенировать
  • минифицировать
  • Вопрос задан
  • 870 просмотров
Подписаться 3 Оценить 26 комментариев
Пригласить эксперта
Ответы на вопрос 1
@ChickenGrinder
На gulpjs.com/plugins поиск по слову 'rebase' дает несколько результатов, вы пробовали эти плагины?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы