freeCodeCamp/guide/english/developer-tools/bower/index.md

28 lines
1.1 KiB
Markdown

---
title: Bower
---
## Bower
Bower is a package manager for the web. Bower can manage components that contain HTML, CSS, JavaScript, fonts or even image files. Bower is optimized for the front end. If multiple packages depend on a package - jQuery for example - Bower will download jQuery just once. This is known as a flat dependency graph and it helps reduce page load.
### Install Bower
Bower is a command line utility. Install it with npm.
```shell
npm install -g bower
```
### Install Packages
Install packages with bower install. Bower installs packages to bower_components/.
```shell
bower install <package>
```
### More Information:
The Bower website: <a href='https://bower.io' target='_blank' rel='nofollow'>bower.io</a>
Manage Front End Resources with Bower: <a href='https://scotch.io/tutorials/manage-front-end-resources-with-bower' target='_blank' rel='nofollow'>scotch.io</a>
Streamline Web workflow with Bower: <a href='https://www.youtube.com/watch?v=Vs2wduoN9Ws' target='_blank' rel='nofollow'>youtube</a>
Using Bower with Heroku: <a href='https://hackernoon.com/using-bower-with-heroku-cdc791320c88' target='_blank' rel='nofollow'>medium</a>