gzhegow
@gzhegow
Думал, стану умнее, когда адаптируюсь, но нет

Сборка вендоров через main-bower-files и gulp. Как?

Задавал похожий вопрос, ответа не получил.
Парень по одной фразе как ежиков из попы вынимал, ничерта не понял, проблемы были и остались нерешенные.


Итак задача: объединить все вендоры из bower_components в тот же файл, куда и остальные стили и скрипты, чтобы в качестве запросов запрашивались только картинки и по одному файлу CSS/JS. В идеале конечно еще и картинки слепить в одно полотно.

Если кто уже решал, отзовитесь.

Если нет таких - давайте решать, примерный план такой:
1) Прописать пути РУКАМИ И ДОЛГО overrides/#component#/main/#glob# в bower.json для каждой либы
2) Получить поток из Бовера - это у нас делает main-bower-files, если прописать в bower.json пути
3) Фильтром разбить на стили, скрипты, картинки и прочие
4) js конкат, минифицировать и сохранить (не забывая про порядок чтения)
5) прочие файлы просто скопировать (самое важное - с сохранением путей (КАК?))
6) картинки слепить в одно полотно (gif туда, png вот тут, jpg сюда) (КАК?)
7) картинки минифицировать и скопировать (самое важное - с сохранением путей, либо полотном уже в любое место (КАК?))
8) - (Как?) Прописать в потоке CSS сохраненные пути скопированных картинок (подменить по шаблону), а в случае с полотном - еще и отступы, то есть приклеивая в потоке очередную картинку нужно немедленно изменять все вхождения в CSS для нее
9) css конкат, минифицировать, проставить -webkit, запустить csscomb и сохранить по итогу

Кто знает как делать пункты выделенные черным?
  • Вопрос задан
  • 558 просмотров
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы