bower 工具

Bower 是一个基于 Node 针对浏览器端的包管理工具。

Bower基于node.js，所以安装之前，必须先确保已安装node.js：

$ node -v

使用 Bower 下载包的时候，也可以通过项目的 github 仓库地址进行下载安装，所以 Bower 也依赖于 git 环境，安装前需要确认是否有 git 环境：

$ git --version

确认有了 Node 和 git 两个环境之后，就可以使用 npm 安装 bower 了：

$ npm install --global bower

安装成功以后，可以通过输入 bower help 命令查看 bower 的使用帮助：

$ bower help

下面的命令可以更新或卸载 Bower：

# 重新安装就是更新，或者使用 npm update --global bower
$ npm install --global bower
# 卸载
$ npm uninstall --global bower

---

基本使用

初始化 bower.json 文件

在项目根目录下，运行下面的命令，进行初始化：

$ bower init

通过回答几个问题，就会自动生成 bower.json 文件。这是bower管理工具的配置文件，下面是一个例子：

{
  "name": "docs",
  "description": "bower包管理工具演示",
  "main": "index.js",
  "authors": [
    "lpz <mail@lipengzhou.com> (http://www.lipengzhou.com/)"
  ],
  "license": "MIT",
  "homepage": "",
  "ignore": [
  ],
  "dependencies": {}
}

安装、更新、卸载

安装之前可以通过：https://bower.io/search/ 在线搜索，搜索可用的包。

bower install 命令用于安装某个库，需要指明库的名字:

$ bower install [--save] 包名

Bower会使用库的名字，去在线索引中搜索该库的网址。某些情况下，如果一个库很新，可能需要我们手动指定该库的网址：

$ bower install [--save] https://github.com/lepture/editor.git
$ bower install [--save] https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.js

上面的命令说明，指定的网址可以是 github 地址、http 网址等。

Bower 默认会下载到当前项目根路径下的 bower_components 目录。

如果某个库依赖另一个库，安装时默认将所依赖的库一起安装。比如，bootstrap 依赖 jQuery，安装时会连 jQuery 一起安装。

默认情况下，会安装该库的最新版本，但是也可以手动指定版本号：

$ bower install jquery#1.12.1

bower update 用于更新一个库，将其更新为最新版本：

$ bower update jquery

如果不给出库名，则更新所有库。

卸载指定库：

$ bower uninstall [--save] 包名

注意，默认情况下会连所依赖的库一起卸载。

比如，bootstrap 依赖 jquery，卸载时会连 jquery 一起卸载，除非还有别的库依赖 jquery。

缓存和离线

查看所有缓存包：

$ bower cache list

从缓存安装指定包：

$ bower install [--save] 包名 --offline

清楚缓存中指定包：

$ bower cache clean 包名

清除缓存中所有的包：

$ bower cache clean list

查看通过 bower 安装的依赖

bower list 或 bower ls 命令，用于列出项目所使用的所有库：

$ bower list
# 或者
$ bower ls

配置文件 .bowerrc

在项目的根目录下的 .bowerrc 文件是 Bower 的配置文件，可以用来配置使用 Bower 安装包的指定目录等信息，例如：

{
  "directory": "js/"
}

只要经过上了上面的配置，则安装包的时候，会将依赖项放到配置的路径中。

默认下载到了 bower-components 中。