Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Bower

Matija Marohnić
May 06, 2014
Programming
1
130

 Bower

Bower i njegova integracija u Grunt i Gulp workflow.

Matija Marohnić

May 06, 2014
Tweet

More Decks by Matija Marohnić

See All by Matija Marohnić
Introduction to Remix
silvenon
0
120
Cypress vs. Playwright
silvenon
0
140
Studying Strapi: an open source head headless CMS
silvenon
0
28
CSS Specificity
silvenon
0
21
Make your JavaScript projects more accessible to newcomers
silvenon
0
62
React Hooks
silvenon
0
62
PostCSS
silvenon
0
35
CSS Custom Properties
silvenon
0
32
Maintainable Integration Testing in React
silvenon
0
22

Other Decks in Programming

See All in Programming
距離関数を極める！ / SESSIONS 2024
gam0022
0
280
【Kaigi on Rails 2024】YOUTRUST スポンサーLT
krpk1900
1
330
Better Code Design in PHP
afilina
PRO
0
130
役立つログに取り組もう
irof
28
9.6k
タクシーアプリ『GO』のリアルタイムデータ分析基盤における機械学習サービスの活用
mot_techtalk
4
1.4k
Jakarta EE meets AI
ivargrimstad
0
560
CSC509 Lecture 09
javiergs
PRO
0
140
Realtime API 入門
riofujimon
0
150
Make Impossible States Impossibleを 意識してReactのPropsを設計しよう
ikumatadokoro
0
170
『ドメイン駆動設計をはじめよう』のモデリングアプローチ
masuda220
PRO
8
540
エンジニアとして関わる要件と仕様(公開用)
murabayashi
0
290
ActiveSupport::Notifications supporting instrumentation of Rails apps with OpenTelemetry
ymtdzzz
1
230

Featured

See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
250
21k
Being A Developer After 40
akosma
86
590k
Put a Button on it: Removing Barriers to Going Fast.
kastner
59
3.5k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
25
1.8k
Visualization
eitanlees
145
15k
Statistics for Hackers
jakevdp
796
220k
Writing Fast Ruby
sferik
627
61k
A Modern Web Designer's Workflow
chriscoyier
693
190k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
28
2k
The Invisible Side of Design
smashingmag
298
50k
Building Better People: How to give real-time feedback that sticks.
wjessup
364
19k
For a Future-Friendly Web
brad_frost
175
9.4k

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...