Gulp.js #05 - структура проекта, wiredep, bower

Структура и сборка веб приложения - часть 1. Рассматриваем корректную работу с bower.

Больше уроков от lofblog: #loftblog
Все уроки по хештегу: #loftblogJS
Полезные уроки для веб-программиста: #вебпрограммист
#Gulp

Поставь лайк - смотивируй автора писать еще :)

[testroo]

Отличный урок, именно таких мини курсов о том как проекты делают профессионалы и не хватает.
После просмотра курса стал использовать ConEmu, начал использоваться gulp npm bower

[arthurgurinovich]

Спасибо! Отличное и понятное объяснение.
bower раньше не использовал, но после Вашего урока решил, что всё-таки стоит это делать)

[aleksey]

Cпасибо большое за урок. Он мне помог решить мою проблему за 20 минут, хотя я до этого целый день на нее потратил!

[allawitte]

Спасибо за урок! Я все делала по-старинке, библиотеки качала вручную, файлы создавала в Sublime, консолью пользовалась очень редко. На git-сервер качала файлы через SourceTree, а на продакшн сборку не делала, поскольку я типа верстальщик, на это есть разработчики, :)) После вашей серии уроков консоль стала реальной, пользуюсь либо стандартной от Windows cmd либо Git Bush.

[god-user]

Супер уроки от лофтблог, настроил под себя, кстати при сборке можно еще использовать gulp-imagemin, чтобы не сжимать каждую картинку для скорости загрузки и оптимизации)

[ФёдорШибанов-йп]

Узнал о Conemu - понравилось.
Узнал о less - понравилось.
Узнал о bower - понравилось, изучаю.
Видел пользование командами bash - понравилось особенно синтаксис создания файлов и каталогов.

[zbk]

Спасибо за урок, всегда интересно посмотреть на опыт другого разработчика.
- Использую стандартную консоль os x + TotalTerminal. В качестве оболочки oh-my-zsh - очень удобная штука
- Файлы создаю в Sublime Text используя плагин AdvancedNewFile
- Bower использую всегда вместе с gulp. Все bower файлы объединяю в один js и в один css.

[g.sigurco]

Очень шикарно всё объяснил, спасибо за урок ;)

[evgeniyjermes]

А у меня wiredep установил jquery в файл index.html а normalize.css не установил. Где искать ошибку ?

[cbt]

Круто))) консоль git bash

Жду еще уроки по галпу)))

[sergsagan]

Классный урок, познавательно, информативно. Касательно вопросов, то: консоль - терминал Ubuntu 14.04, файлы и папки под проект создаю только через консоль, bower это настольная книга:) и как без него.

[RomanSpiridonov]

Спасибо, Дима! Wiredep крутая штука, жаль, что не знал о ней раньше, сильно облегчила бы работу при разработке под AngularJS с подключением множества контроллеров и директив.
1. Консолью пользуюсь стандартной виндовой, стилизованной на свой вкус))
2. Файлы создаю из sublime
3. bower пользую для разработки, ибо не всегда на ноутбуке интернет под рукой, а вот на продакшн обычно подключаю библиотеки через CDN.

[iomka]

ConEmu для Windows - идеальная консолька)

[СэмФишер-хд]

ответ на ваши вопросы:
-пользуюсь обычной консолью ubuntu/linux mint, или же консолью ide(для работы с вебом это pyCharm, если работаю с java, то InteliJ).
-пользуюсь пакетным менеджером npm, очень удобная штука, правда в сегодняшних проектах порой приходится задействовать столько плагинов, что папка node_modules превращается в бездну)
встречный вопрос создателям видео:
- bower это тоже менеджер пакетов. зачем в одном проекте вкручивать два менеджера(npm и bower) и еще потом увязывать их друг сдругом?почему не использовать только один из них?

[Varrchi]

Почему у меня когда я пишу команду npm install --save-dev gulp wiredep у меня загружаются все возможные плагины, а на видео в папке node_modules только 2 плагина это gulp и wiredep? что не так я делаю?)

[chekitdnb]

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

[alexbashinskiy]

Если удалить либку из bower_components - с .html она не исчезнет. Вопрос как прописать чтобы path с index.html удалялся автоматически?
И еще одно: если вставить библиотеку вручную, то она не подтягивается автоматически в html файл. Как это исправить?

[a.floatrx]

допустимо ли $ touch {package.json, bower.json} -> заменить командами $ npm init, $ bower init ?... По сути команды сами должны создать эти файлы забив их значениями по-умолчанию (enter ... enter)...

[egorguscha]

такой вопрос если я хочу, чтобы папка bower_components была не в папке проекта, то как в таком случае подключать ее?

[nBoichenko]

Спасибо, Дима!
Отличный урок. Но есть один нюанс.
wiredep не работает в связке с gulp-rev-collector, плагином, который рассматривался в предыдущем уроке.
Если запускать отдельно таск с wiredep (gulp bower), все работает нормально, стили и скрипты добавляются.
Если так gulp.task('default', ['connect', 'rev_collector', 'html', 'css', 'clean', 'sass', 'bower', 'watch']); не работает.
Удаляю из массива rev_collector, и wiredep срабатывает.