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
130
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.4k
JavaScript all the Things!
gillesruppert
1
310
Attack of the drones!
gillesruppert
1
160
Other Decks in Programming
See All in Programming
3 Effective Rules for Success with Signals in Angular
manfredsteyer
PRO
0
120
Introduction to GitOps
hwchiu
0
110
Advanced App Shrinking Techniques
cbeyls
2
150
Modern Angular: Renovation for Your Applications
manfredsteyer
PRO
0
140
Jetpack for KMP
fornewid
1
290
Composing an API the *right* way (Droidcon Berlin 2024)
zsmb
1
450
I/O Extended Android in Korea 2024 ~ Whats new in Android development tools
pluu
0
250
Android開発者のための Kotlin Multiplatform入門
ntaro
0
190
Javaの現状2024夏 / Java current status 2024 summer
kishida
4
1.4k
Rubyのパフォーマンスプロファイリングの改善 / Enhancing performance profiling for Ruby
osyoyu
1
410
CSC307 Lecture 11
javiergs
PRO
0
240
CSC307 Lecture 12
javiergs
PRO
0
220
Featured
See All Featured
A better future with KSS
kneath
231
17k
Fantastic passwords and where to find them - at NoRuKo
philnash
42
2.7k
Robots, Beer and Maslow
schacon
PRO
157
8.1k
No one is an island. Learnings from fostering a developers community.
thoeni
17
2.8k
How STYLIGHT went responsive
nonsquared
93
5k
Happy Clients
brianwarren
94
6.5k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
The Pragmatic Product Professional
lauravandoore
29
6.1k
Building Adaptive Systems
keathley
34
2k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.4k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
29
2.5k
Building Better People: How to give real-time feedback that sticks.
wjessup
357
18k
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