Bower: 客户端库管理工具

Bower是什么?

基于node.js的解决同一网页加载多个js库的问题并且针对浏览器端的一个库管理工具。

如何使用?

1.安装

npm install -g bower
//出现报错:Please try running this command again as root/Administrator记得使用
sudo npm install -g bower

2.bower.json文件配置:保存项目的库信息

name:项目名称

dependencies:json格式的依赖的库

private:将该属性设置为true意味着你想要这个包保持私有并且并不想在将来将它添加到registry中

{
  "name": "projectname",
  "version": "0.1.0",
  "dependencies": {
    "jquery": "2.1.0",
    "bootstrap": "3.1.1",
    "angular": "1.2.18"
  }
}

3.默认安装的库在bower_compontents目录下,如果想要更改可以通过配置.bowerrc文件(项目根目录下)来改变改目录创建的路径。

directory:存放库文件的子目录名

json:描述各个库的json文件名

endpoint:在线索引的网址,用来搜索各个库

searchpath:数组,储存备选的在线索引地址

shorthand_resolver:定义各个库名称的简写形式

{
“directory”:“components”,
“json”:“bower.json”,
”endpoint“:“http:Bower.herokuapp.com”,
“searchpath”:“”,
“shorthand_resolver”:“”
}
3.安装所有库:
bower install
4.卸载某个库:
bower uninstall <package>

相关推荐