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
[DevinMeetupTokyo2025] コード書かせないDevinの使い方
takumiyoshikawa
2
220
DMMを支える決済基盤の技術的負債にどう立ち向かうか / Addressing Technical Debt in Payment Infrastructure
yoshiyoshifujii
4
650
20250708_JAWS_opscdk
takuyay0ne
2
150
Go製CLIツールをnpmで配布するには
syumai
0
780
Gemini CLIの"強み"を知る! Gemini CLIとClaude Codeを比較してみた!
kotahisafuru
2
200
なぜあなたのオブザーバビリティ導入は頓挫するのか
ryota_hnk
3
520
構文解析器入門
ydah
7
1.9k
PHPUnitの限界をPlaywrightで補完するテストアプローチ
yuzneri
0
350
MCPを使ってイベントソーシングのAIコーディングを効率化する / Streamlining Event Sourcing AI Coding with MCP
tomohisa
0
190
テストから始めるAgentic Coding 〜Claude Codeと共に行うTDD〜 / Agentic Coding starts with testing
rkaga
17
6.2k
効率的な開発手段として VRTを活用する
ishkawa
1
180
Strands Agents で実現する名刺解析アーキテクチャ
omiya0555
1
110
Featured
See All Featured
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.5k
The Cost Of JavaScript in 2023
addyosmani
51
8.7k
For a Future-Friendly Web
brad_frost
179
9.8k
Agile that works and the tools we love
rasmusluckow
329
21k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
The Pragmatic Product Professional
lauravandoore
35
6.8k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
A better future with KSS
kneath
238
17k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
54k
Intergalactic Javascript Robots from Outer Space
tanoku
271
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