页面特效 UI组件库 菜单导航 窗口特效 幻灯片滑动 图像相册 表单 选项卡 表格 评分星级 手风琴 文本链接 布局 日历 颜色选择器 按钮 图表 html5 提示 ExtJS 在线客服 其他特效 地图 树形控件 移动开发 BootStrap 滑动条 文件上传 表单验证 分页 播放器 Angular

Web开发的包管理器Bower

Bower 是一个针对Web开发的包管理器。该工具主要用来帮助用户轻松安装CSS、JavaScript、图像等相关包,并管理这些包之间的依赖。

bower是twitter的又一个开源项目,使用nodejs开发,用于web包管理。如果越来越多得开源项目都托管在github上,bower只需要将github上项目加上一个配置文件既可以使用bower方式使用安装包。作为包管理,bower能提供添加新web包,更新web包,删除web包,发布web包功能,管理包依赖。web包通常认为由html+css+javascript构成。

试想我们开始一个新的webapp,需要用到jQuery库,以前的做法是到官网上去down最新的jquery.js文件放在项目目录下面。如果有bower,这个工作就简单了。

在项目目录中运行

bower install jquery
运行成功之后项目中会多出components文件夹,文件夹中jquery文件夹,jquery文件夹里面就有最新的jquery文件。

这还不能说明他NB的地方,试想下面的场景,jQuery升级了,是不是再down一次jQuery呢?bower可以这样做:

bower update jquery
就可以自动升级到最新版的jquery了。

再假设我们需要使用bootstrap,bootstrap可不是一个文件,有css,js还有图片。js还依赖于jQuery,如果使用bower:

bower install bootstrap
bower会自动从github上down最新的代码,而且,会自动将依赖包jquery也down一次。

安装指定版本的库

bower install jquery#1.7.2
直接搜索包

#搜索jquery库以及插件
bower search jquery
删除包

bower uninstall jquery
如果包被依赖,不能删除

更新包至最新版本

bower update jquery
项目内查找包

bower lookup jquery
查看包信息

bower info jquery
发布自己的web包


功能有些类似于Component。不同之处是,Component是围绕GitHub系统构建的,而Bower既可以管理基于本地资源的包,也可以管理基于git系统的包。 在Bower中,可以通过 component.json文件来定义包的名称、版本、代码中的主要元素、版本之间的依赖关系等。

相关链接

发表评论