Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Introduction to Bower
Search
Gilles Ruppert
November 15, 2013
Programming
2
140
Introduction to Bower
A very quick and cheerful introduction to Bower for the local JS meetup group
Gilles Ruppert
November 15, 2013
Tweet
Share
More Decks by Gilles Ruppert
See All by Gilles Ruppert
AngularJS: the Good, the Bad and the Ugly
gillesruppert
3
2.7k
JavaScript all the Things!
gillesruppert
1
320
Attack of the drones!
gillesruppert
1
200
Other Decks in Programming
See All in Programming
Conquering Massive Traffic Spikes in Ruby Applications with Pitchfork
riseshia
0
150
iOSエンジニア向けの英語学習アプリを作る!
yukawashouhei
0
180
ネイティブ製ガントチャートUIを作って学ぶUICollectionViewLayoutの威力
jrsaruo
0
130
CSC305 Lecture 03
javiergs
PRO
0
230
CSC305 Lecture 01
javiergs
PRO
1
400
CSC509 Lecture 02
javiergs
PRO
0
410
デミカツ切り抜きで面倒くさいことはPythonにやらせよう
aokswork3
0
200
2分台で1500examples完走!爆速CIを支える環境構築術 - Kaigi on Rails 2025
falcon8823
3
3.3k
Advance Your Career with Open Source
ivargrimstad
0
350
SpecKitでどこまでできる? コストはどれくらい?
leveragestech
0
560
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
150
なぜあの開発者はDevRelに伴走し続けるのか / Why Does That Developer Keep Running Alongside DevRel?
nrslib
3
370
Featured
See All Featured
Building an army of robots
kneath
306
46k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Rails Girls Zürich Keynote
gr2m
95
14k
Learning to Love Humans: Emotional Interface Design
aarron
274
40k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
188
55k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
How to Think Like a Performance Engineer
csswizardry
27
2k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.7k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.7k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Transcript
Bower Sane package management for the browser
What is Bower? • package manager for the web •
targets front-end • unopionated • cli and programmatic interfaces • no shared dependencies • flat dependency tree
Why bother?
Old days (install libraries) • go to http://www.jquery.com • download
latest version • copy lib folder • do the same for other libs
Old days (update lib) • go to http://jquery.com • check
whether there is a newer version • download • move to correct folder and overwrite previous lib • if broken, find old version and use that
The bower way (install) • bower search query (if you
don’t know what the package is called) • bower install jquery
The bower way (update) • bower update • if it
breaks, bower install package#version
Getting started
npm install -g bower
starting a project • bower init • same as npm
init • creates a bower.json file
finding & installing • bower search jquery • bower install
jquery • bower install --save jquery • bower install --save-dev expect
installing an existing project • bower install
useful commands • bower uninstall package_name • bower list •
bower search package_name • bower home package_name • bower prune • bower update
continued… • bower --help • bower command --help
develop with multiple packages
assume this • write project • write separate package (i.e.
mini lib?) • use 2nd package as part of 1st • 2nd package changes
–you “F***! Do I really have to push a new
version each time I do a change?!?!? I will go back to my monolith!”
Don’t despair! bower link to the rescue!
in package 2 • bower link
in 1st package • bower link package-2
Done! and no need to go back to the monolith
:)
Configuration
.bowerrc • directory • cwd • custom registry • etc
• (https://docs.google.com/document/d/ 1APq7oA9tNao1UYWyOm8dKqlRP2blVkROYLZ2fL IjtWc/edit#heading=h.4pzytc1f9j8k)
What else? • programmatic API • can be used by
build tool etc?
Thanks! @gillesruppert