Задать вопрос
@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


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

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

Похожие вопросы
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
FoodSoul Калининград
от 180 000 до 250 000 ₽
Data Directs Тель-Авив
от 350 000 ₽