Bower

Bower i njegova integracija u Grunt i Gulp workflow.

Transcript

1. Bower + Grunt & Gulp Matija Marohnić @silvenon
2. http://bower.io “A package manager for the web.”
3. Npr. Želim jQuery
4. 1. idem na http://jquery.com 2. prebacujem file u svoj project directory 3. referenciram ga iz HTML-a 4. kada ga želim updateati, sve to ponovo
5. Ništa strašno Ali se povećava s brojem fileova
6. Npr. Želim Owl Carousel
7. 1. http://owlgraphic.com/owlcarousel/ 2. jQuery + 2 CSS filea + 1 JS file 3. ugh…
8. Dodajem tuđi kôd pod version control
9. $ bower install --save normalize-css modernizr bootstrap
10. bower.json
11. Staviti bower_components pod version control? http://bit.ly/1hq42aZ
12. Pozitivne strane stavljanja pod version control • moguće je raditi offline • osiguravanje istog sadržaja komponente •
13. Negativne strane stavljanja pod version control • velik file size • prljanje commit historya • velik file size • stavljanje vendor kôda pod
 version control smo htjeli izbjeći • velik file size
14. Grunt $ npm install --save-dev grunt-bower-install
15. Gulp $ npm install --save-dev gulp wiredep
16. Bower je još uvijek malo nezreo, but it's getting there...