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

Question

[Григорий Васильков]

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

Итак задача: объединить все вендоры из 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 и сохранить по итогу

Кто знает как делать пункты выделенные черным?

Answer 1

[Дмитрий]

https://github.com/sapegin/grunt-bower-concat

Comments

[Дмитрий]

Добавлю.
Я работаю с grunt, поэтому скинул ссылку на грант.
Но обычно все, что есть для grunt, есть для gulp. И наоборот.

[Григорий Васильков]

к сожалению это не решает большинства проблем указанных выше, в особенности с изменившимися путями

[Дмитрий]

Григорий Васильков: эта ссылка решает пункты 1-4
Под все остальные нужны другие плагины. Под каждую вашу задачу решение есть.

[Дмитрий]

Григорий Васильков: теперь пишу не с телефона, напишу немного подробнее, как схожая задача решается у меня.

1 grunt-contrib-clean - чищу папку с build
2 grunt-contrib-copy - копирую в build те файлы проекта, над которыми не нужно проводить дополнительных действий. (копирую с разных папок в разные папки)
3 grunt-bower-concat - собираю в один файл plugins.js все скрипты, установленные через bower, копирую его в нужное место в build
4 grunt-contrib-concat - склеиваю весь свой js в один файл script.js, копирую этот файл в нужную папку в build
5 grunt-contrib-compass - собираю sass в 1-2 файла, копирую в нужное место, генерирую спрайты, копирую их.
6 grunt-contrib-rename - переименовываю некоторые файлы, добавляю им текущую версию типо так plugins.12.js, script.11.js и тп

на этом стоп, если build dev
если для продакшна:
7 grunt-contrib-uglify - жму js, удаляю console.log
8 grunt-postcss - прохожу по css autoprefixer'ом и минимизирую с cssnano
9 grunt-contrib-compress - жму js/css в .gz

такое у меня идет для типового проекта под верстку+натяжку на WordPress.
если задача чуть менее типовая, можно при копировании менять содержимое файлов. к примеру, просто верстку иногда склеиваю, заменяя include 'header.html' на содержимое этого файла и тп.

вы б лучше, не "ежиков считали", а в гугл зашли. там такого много.

[Григорий Васильков]

я даже не знаю что вам ответить. вы вроде помогли, за что вам спасибо из низкий поклон, а потом тот час же попытались вставить нравоучение, что как бы опять вас ставит на уровень с дураками. непонятно.

то есть мне вроде как и спасибо сказать нельзя, и послать вас нельзя
то есть с вашей стороны вроде бы логично теперь на меня обидется, дескать "вот так и помогай неблагодарным свиньям" - так ведь никто не просил унижать, помощь оказалось ценной и кстати. займусь попробую это все на гульпе сделать, если все получится - соответсвенно отмечу решением.

[Дмитрий]

Григорий Васильков: если не заметили, ровно все пункты и текст цитировал с вашего вопроса.
старался выдержать комментарий в том же стиле, что и ваш вопрос написан. какие обиды? как спросили, так вам и ответили.

[Григорий Васильков]

Понятно. Я считаю вы сделали неправильно, когда объединили полезную информацию и личное оскорбление.

[Григорий Васильков]

К великому сожалению в этом вся Россия, если спросить вежливо, тебя все равно начнут учить и подозревать в понтах, с целью вызвать негативную реакцию и на этом станцевать. Россия, ты больна.

[Дмитрий]

Григорий Васильков: что именно вас в моем ответе оскорбляет?

что-то из 1-9 пунктов?
или отсылка в гугл?
ну так, не поверите, сам точно так же для своих задач в гугле все и ищу. к примеру, по вот таким ключам: "grunt bower concat" или "grunt bower copy and replace"

[Григорий Васильков]

Спасибо!

Мне ясно, что вы через многое прошли и очень опытный человек, поскольку ваш совет для меня тоже многое открыл, я уже это понял.

Представьте, как было бы хорошо, если бы мы могли вместо того, чтобы часами терять оплаченное время в google - просто спросить на тостере, имея платную подписку на год? и знали бы, что тебя не начнут учить, а подробно расскажут что и как, а тем, чьи ответы были отмечены решениями - дадут предположим продление подписки или вовсе денег. Кажется это всем не нужно, они предпочтут быть уверенными в своей исключительности и работать в одиночку.

[Дмитрий]

Григорий Васильков: что мешает создать проект на любой из фриланс бирж? чтоб за деньги проконсультировали по нужному вопросу?
периодически заказы на "проконсультировать" появляются.

[Григорий Васильков]

То, что там сделают то же, что и вы, Дмитрий, не забывая про негативную часть, и еще и денег возьмут. А еще потому что там живут люди, которые считают что те, кто весь день работает - не имеет времени, чтобы зарабатывать деньги. Поэтому они предпочитают зарабатывать и не работать, так сказать - жить по правилам современного мира.
Сам таким был, сам знаю. Общечеловеческих ценностей там где происходит за деньги - нет совсем. Общечеловеческими ценностями правит "уважение", которое если бы хоть как-то измерялось кроме "мне кажется что", то может мир был чуточку попродуктивнее.

[Григорий Васильков]

Оно в общем-то измеряется, но вопрос как всегда в колебаниях - чем человеку нужнее, тем больше ценности он может отсыпать. Другая беда, что это персональная валюта каждого человека, и она тем ценнее, чем больше у тебя этой валюты к каждому конкретному человеку.

Другими словами, если тебя любят много людей, то твое уважение стоит дороже, чем уважение дяди Васи из пятого подъезда, чего не скажешь о деньгах, которые везде стоят одинаково, и их просто можно дать больше или меньше.

Смысл в чем, где помощь бесплатная - она более ПОЛЕЗНА для кокретных задач. А где обитают бизнесмены, которые "я помогаю за деньги" - там денег заплатишь, а вот помощи не получишь, слишком там другие убеждения балом правят.

[Дмитрий]

Григорий Васильков:
>То, что там сделают то же, что и вы
так я о чем и пишу - зачем вам платный дубликат какого-то сервиса, если ровно то же самое можно получить бесплатно?

>не забывая про негативную часть
Если вас везде все обижают или если вам кажется, что вас везде все обижают, может стоит что-то поменять в своем поведении? Ну или на бокс там или карате какое записаться?

>и еще и денег возьмут
так вы не давайте. Или укажите обязательное требование к исполнителю - быть вежливым.

>Общечеловеческих ценностей там где происходит за деньги
что-то я вас не пойму. вы ж сами буквально только что предлагали сделать тут платную подписку? чтоб за деньги все было.
вам, вообще, сколько лет? а то я что-то за вашей мыслью не поспеваю)

[Дмитрий]

Григорий Васильков:
>Я посчитал нужным закончить с Вами переписку.
спасибо за уведомление, это очень важно для меня.

[Григорий Васильков]

Дмитрий вы ведете себя слишком тактично для того, чтобы вас воспринимали общественно полезным человеком. Ваше умение задавать вопросы, а потом выставлять ответы на них как жалобы, меня поражает.

Запоминать сказанное, а потом публично призывать к ответственности якобы за несоответствие собственным словам. Вы очень близки к тому, чтобы быть лидером современного общества - которые знает, как опустить ближнего своего, не давая возможности никому быть выше себя. Вы идеальный примат, обезьяна проще говоря.

Я посчитал нужным закончить с Вами переписку.

[Дмитрий]

Григорий Васильков:
вы сообщения свои то не удаляйте) другие читатели могут потерять нить повествования и им может быть не так смешно.

>Вы идеальный примат, обезьяна проще говоря.
Вот именно за такое вас везде и обижают, да? Как жеж вам тяжело жить. Сочувствую.

[Дмитрий]

Григорий Васильков: все же не могу не спросить.
а это, случаем, не ваш вопрос на скриншоте по ссылке?
img0.reactor.cc/pics/post/%D0%92%D1%8B%D0%B1%D0%B5...