頁面特效 UI組件庫 菜單導航 窗口特效 幻燈片滑動 圖像相冊 表單 選項卡 表格 評分星級 手風琴 文本鏈接 布局 日歷 顏色選擇器 按鈕 圖表 html5 提示 ExtJS 在線客服 其他特效 地圖 樹形控件 移動開發 BootStrap 滑動條 文件上傳 表單驗證 分頁 播放器 Angular VUE

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文件來定義包的名稱、版本、代碼中的主要元素、版本之間的依賴關系等。

相關鏈接

發表評論

腾讯彩票兑奖