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