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.6k
JavaScript all the Things!
gillesruppert
1
310
Attack of the drones!
gillesruppert
1
180
Other Decks in Programming
See All in Programming
Serverless Rust: Your Low-Risk Entry Point to Rust in Production (and the benefits are huge)
lmammino
1
160
5分で理解する SOLID 原則 #phpcon_nagoya
shogogg
1
400
CDKを使ったPagerDuty連携インフラのテンプレート化
shibuya_shogo
0
120
Drawing Heighway’s Dragon- Recursive Function Rewrite- From Imperative Style in Pascal 64 To Functional Style in Scala 3
philipschwarz
PRO
0
150
Djangoにおける複数ユーザー種別認証の設計アプローチ@DjangoCongress JP 2025
delhi09
PRO
4
500
第3回関東Kaggler会_AtCoderはKaggleの役に立つ
chettub
3
1.2k
Boost Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
1.1k
1年目の私に伝えたい!テストコードを怖がらなくなるためのヒント/Tips for not being afraid of test code
push_gawa
1
650
良いコードレビューとは
danimal141
9
6.1k
Expoによるアプリ開発の現在地とReact Server Componentsが切り開く未来
yukukotani
1
200
Domain-Driven Design (Tutorial)
hschwentner
13
22k
責務と認知負荷を整える! 抽象レベルを意識した関心の分離
yahiru
8
1.5k
Featured
See All Featured
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
46
2.4k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.7k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7.1k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
13
1k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
4
380
The Invisible Side of Design
smashingmag
299
50k
Side Projects
sachag
452
42k
GraphQLの誤解/rethinking-graphql
sonatard
69
10k
Git: the NoSQL Database
bkeepers
PRO
428
65k
Practical Orchestrator
shlominoach
186
10k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
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