Bower 客户端库管理工具

Bower说明:

网站由很多东西组成 — 框架、库、资产和实用程序。Bower 为您管理所有这些。

跟踪所有这些软件包并确保它们是最新的(或设置为您需要的特定版本)是很棘手的。Bower来救援!

Bower 可以管理包含 HTML、CSS、JavaScript、字体甚至图像文件的组件。 Bower 不会连接或缩小代码或执行任何其他操作 – 它只是安装您需要的软件包及其依赖项的正确版本。

首先,Bower 从各地获取并安装软件包,负责搜索、查找、下载和保存您要查找的内容。 Bower 在清单文件bower.json中跟踪这些包。如何使用取决于您。 Bower 提供了挂钩来方便您在工具和工作流程中使用包。

Bower 针对前端进行了优化。如果多个包依赖于一个包(例如 jQuery),Bower 将仅下载 jQuery 一次。这称为平面依赖图,它有助于减少页面负载。

安装:

npm install -g bower

验证安装:

bower --version

1.初始化项目:

bower init

通过上面的命令,会自动生成bower.json文件。这是项目的配置文件,下面是一个例子。

{
  "name": "test",
  "authors": [
    "zhaoge <2909552840@qq.com>"
  ],
  "description": "test description",
  "main": "",
  "license": "MIT",
  "homepage": "",
  "ignore": [
    "**/.*",
    "node_modules",
    "bower_components",
    "test",
    "tests"
  ]
}

它的作用是:

(1)保存项目的库信息,供项目安装时使用。

(2)向Bower.com提交你的库,该网站会读取bower.json,列入在线索引。

2.库的安装:

bower install backbone

Bower会使用库的名字,去在线索引中搜索该库的网址。某些情况下,如果一个库很新(或者你不想使用默认网址),可能需要我们手动指定该库的网址。

bower install git://github.com/documentcloud/backbone.git
bower install http://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.0.0/backbone-min.js
bower install ./some/path/relative/to/this/directory/backbone.js

上面的命令说明,指定的网址可以是github地址、http网址、本地文件。

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

bower install jquery-ui#1.10.1
//上面的命令指定安装jquery-ui的1.10.1版。

如果某个库依赖另一个库,安装时默认将所依赖的库一起安装。比如,jquery-ui依赖jquery,安装时会连jquery一起安装。

安装后的库默认存放在项目的bower_components子目录,如果要指定其他位置,可在.bowerrc文件的directory属性设置。

3.库的搜索和查看

bower search命令用于使用关键字,从在线索引中搜索相关库。

bower search jquery
//下面是搜索结果
Search results:
    Jquery https://github.com/jquery/jquery.git
    jQuery https://github.com/jquery/jquery.git
    jquery https://github.com/jquery/jquery-dist.git
    jquery-risto https://github.com/jquery/jquery.git
    jquery-jautest https://github.com/jquery/jquery.git
    eform-jquery https://github.com/jquery/jquery.git
    ...

bower info命令用于查看某个库的详细信息。

bower update jquery-ui
//查看结果会列出该库的依赖关系(dependencies),以及可以得到的版本(Available versions)。
bower not-cached    https://github.com/components/jqueryui.git#*
bower resolve       https://github.com/components/jqueryui.git#*

4.库的更新和卸载

bower update用于更新一个库,将其更新为最新版本。

bower update jquery-ui
//如果不给出库名,则更新所有库。

bower uninstall命令用于卸载指定的库。

bower uninstall jquery-ui
//注意,默认情况下会连所依赖的库一起卸载。比如,jquery-ui依赖jquery,卸载时会连jquery一起卸载,除非还有别的库依赖jquery。

5.列出所有库

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

bower list
bower ls

6.配置文件.bowerrc

项目根目录下(也可以放在用户的主目录下)的.bowerrc文件是Bower的配置文件,它大概像下面这样。

{
  "directory" : "components",
  "json"      : "bower.json",
  "endpoint"  : "https://Bower.herokuapp.com",
  "searchpath"  : "",
  "shorthand_resolver" : ""
}

其中的属性含义如下。

  • directory:存放库文件的子目录名。
  • json:描述各个库的json文件名。
  • endpoint:在线索引的网址,用来搜索各种库。
  • searchpath:一个数组,储存备选的在线索引网址。如果某个库在endpoint中找不到,则继续搜索该属性指定的网址,通常用于放置某些不公开的库。
  • shorthand_resolver:定义各个库名称简写形式。

THE END
喜欢就支持一下吧
点赞0 分享