Web前端自动化构建（四）—— Bower 依赖管理（入门）

全名：《Web前端自动化构建 Gulp、Bower和Yeoman开发指南》

作者：Stefan Banumgartner【奥】

译者：谈博文

典型的依赖树主要有三种：扁平依赖树、嵌套依赖树和混合依赖树。

Bower是一个专门为前端开发设计的依赖关系工具，使用的是扁平依赖树。

安装：

npm install -g bower
           

在一个空项目下，执行命令：

bower init
           

根据提示完成初始化后，安装依赖。

bower install <package>
           

根据Bower官网，bower安装依赖主要有以下几种方式：

• installs the project dependencies listed in bower.json

• 对于注册了的资源，直接使用注册名，比如jquery：

bower install jquery
           

• GitHub 用户名/项目名的简写

bower install desandro/masonry
           

• Git 终端

• URL

install

命令会将依赖下载到一个叫作bower_components的目录中。

由于Bower扁平的依赖树，如果一个组件还存在依赖，它的元信息文件里保存了它的依赖的版本范围。如Ember对jQuery有依赖，ember的bower.json文件中有如下信息：

"dependencies": {
    "jquery": ">= 1.7.0 < 4.0.0"
  },
           

这个是Bower所独有的。如果不同组件依赖的包的版本发生冲突，Bower会提供可选的版本选项，并让开发者从这些版本中选择一个，并把这个选择保存在bower.json文件中。如果遇到版本冲突，一般最好先升级所有依赖，确保没有过时的组件，然后选择所有选项中决定最多的那个版本，最后进行一次总的测试。