Bower-node.js界的资源管理者 入门

概念Bower

Bower是一个客户端技术的软件包管理器，它可以跟踪并管理自己项目中所有的JS，CSS，HTML，字体甚至图片文件等网络资源并且让他们保持最新的版本。Bower没有连接或减少代码或做其他任何事情，它只是安装了你需要的软件包的正确版本和它们的依赖关系。

Bower在一个清单文件中记录了这些包，即bower.json。这个json文件会记录该项目所需要的资源文件

Bower对前端进行了优化，如果多个包依赖于一个包比如jQuery，Bower将只下载一次jQuery。这就是所谓的平行依赖，它有助于减少页面加载。

安装Bower

1. 准备工作：node环境，npm，git

2. 安装：

$ npm install -g bower

使用Bower

1.安装package模块

$ bower install <package>

Install packages with bower install. Bower installs packages to bower_components/.A package can be a GitHub shorthand, a Git endpoint, a URL, and more. Read more about bower install.

# installs the project dependencies listed in bower.json
$ bower install
# registered package
$ bower install jquery
# GitHub shorthand
$ bower install desandro/masonry
# Git endpoint
$ bower install git://github.com/user/package.git
# URL
$ bower install http://example.com/script.js

2.寻找package模块

访问官网搜索页面进行package搜索：https://bower.io/search/，找到需要的package模块

3.保存package模块

$ bower init

输入后会创建一个bower.json的文件

$ bower install PACKAGE --save

在bower.json保存新的package模块

4.使用package模块

如何使用package模块取决于你自己，但建议Bower与Grunt, RequireJS, Yeoman等其他工具一块使用，你也可以直接使用bower，例如安装引入jquery：

<script src="bower_components/jquery/dist/jquery.min.js"></script>