Slide 1

Slide 1 text

Bower + Grunt & Gulp Matija Marohnić @silvenon

Slide 2

Slide 2 text

http://bower.io “A package manager for the web.”

Slide 3

Slide 3 text

Npr. Želim jQuery

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

Ništa strašno Ali se povećava s brojem fileova

Slide 6

Slide 6 text

Npr. Želim Owl Carousel

Slide 7

Slide 7 text

1. http://owlgraphic.com/owlcarousel/ 2. jQuery + 2 CSS filea + 1 JS file 3. ugh…

Slide 8

Slide 8 text

Dodajem tuđi kôd pod version control

Slide 9

Slide 9 text

$ bower install --save normalize-css modernizr bootstrap

Slide 10

Slide 10 text

bower.json

Slide 11

Slide 11 text

Staviti bower_components pod version control? http://bit.ly/1hq42aZ

Slide 12

Slide 12 text

Pozitivne strane stavljanja pod version control • moguće je raditi offline • osiguravanje istog sadržaja komponente •

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

Grunt $ npm install --save-dev grunt-bower-install

Slide 15

Slide 15 text

Gulp $ npm install --save-dev gulp wiredep

Slide 16

Slide 16 text

Bower je još uvijek malo nezreo, but it's getting there...