I code it

Code and Life

Bower as Dependencies Manager

Bower简介

Bower安装及简单配置

Bower是一个基于Node.js的依赖管理工具，它是一个npm的包，因此安装十分简单，由于我们需要在所有项目中都可以使用bower，因此将其安装在全局目录下：

1

$ npm install -g bower

安装完成之后，可以通过bower search来搜索需要的包，比如：

1

$ bower search underscore

典型的应用场景可能会是这样的，新建一个项目目录，然后运行bower init：

1
2
3

$ mkdir -p listing
$ cd listing
$ bower init

和Grunt类似，bower会问你一些问题，比如项目名称，项目入口点，作者信息之类：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

{
  "name": "listing",
  "version": "0.0.0",
  "authors": [
    "Qiu Juntao <juntao.qiu@gmail.com>"
  ],
  "main": "src/app.js",
  "license": "MIT",
  "ignore": [
    "**/.*",
    "node_modules",
    "bower_components",
    "test",
    "tests"
  ]
}

比如我们需要安装jQuery和underscore.js，则很简单的运行bower install命令即可：

1
2

$ bower install jquery
$ bower install underscore

如果需要团队中的其他成员可以在本地恢复我们的环境，需要在bower.json中指定dependencies小节：

1
2
3
4

  "dependencies": {
    "jquery": "~2.0.3",
    "underscore": "~1.5.2"
  }

所有的JavaScript包都被安装到了本地的bower_components目录下，如果有了bower.json文件，那么即使本地的bower_components目录不存在，或者其中的包内容过期了，那么很容易用bower install将其更新。

Comments