前端工程化之Bower

原文作者:忽如寄

一、入使用

1、安裝

npm install bower -g

2、創(chuàng)建bower.json

bower init

3、安裝包

bower install jquery --save


4、搜索包

bower search jquery

二、相關(guān)命令

1、cache緩存

查看緩存

bower cache list


清除緩存

bower cache clean

2help幫助

bower help


3、home在瀏覽器中查看相應(yīng)包的網(wǎng)站首頁(yè)

bower home bootstrap

4、info展示包的相關(guān)信息

bower info bootstrap


5、init創(chuàng)建bower.json文件

bower init

6install安裝項(xiàng)目依賴包

根據(jù)bower.json安裝

bower install

根據(jù)包名字安裝

bower install bootstrap --save

安裝指定版本

bower install bootstrap#3.3.7

安裝的相關(guān)選項(xiàng)

-F, --force-lastest強(qiáng)制最新版本

-p, --production不安裝開發(fā)依賴包

-S, --save將安裝的包記錄在bower.json文件中

-D, --save-dev將安裝的包記錄在bower.json文件中

-E, --save-exact Configure installed packages with an exact version ratherthan semver

7、link

8、list列出本地的包和可能的更新

bower list

9lookup通過(guò)包的名字查看包的url

bower lookup jquery


10、login通過(guò)github登錄

bower login


11、prune卸載本地?zé)o關(guān)的包

12、register注冊(cè)一個(gè)包

bower register rpn https://github.com/huruji/rpn.js.git

13、search查詢包

14update更新包

15、uninstall卸載一個(gè)包

16version

三、配置

bower可通過(guò).bowerrc文件用json配置

例子:

{

"directory": "public/vendor"

}

所有鍵值對(duì)配置的官方例子:


相關(guān)解釋:

1cwdstring

工作目錄,即應(yīng)該運(yùn)行bower的目錄

2、directorystring

包安裝時(shí)應(yīng)該保存的目錄,沒(méi)有指定默認(rèn)是bower_components

3registrystring orobject

注冊(cè)表配置,注冊(cè)一個(gè)包時(shí)用

4shorthand-resolverstring

制定一個(gè)包名稱模板

5、proxystring

http request使用的代理

6、https-proxystring

https request使用的代理

7user-agentstring

為每個(gè)請(qǐng)求設(shè)置user-agent

8、timeoutnumber

以毫秒為單位設(shè)置請(qǐng)求超時(shí)的時(shí)間,默認(rèn)為60000

9、strict-sslboolean

是否在通過(guò)https發(fā)出請(qǐng)求時(shí)執(zhí)行SSL密鑰驗(yàn)證。

10caobject orstring

要使用的CA證書,默認(rèn)為null。

11、colorboolean

啟用或禁用在CLI輸出中使用顏色。默認(rèn)為true。

12、storageobject

在哪里存儲(chǔ)持久數(shù)據(jù),如緩存,需要由bower。默認(rèn)為適合操作系統(tǒng)/平臺(tái)的路徑

13、tmpstring

在哪里存儲(chǔ)臨時(shí)文件和文件夾。默認(rèn)為系統(tǒng)臨時(shí)目錄后綴/ bower。

14、interactiveboolean

使bower交互,在必要時(shí)提示。默認(rèn)為null,表示自動(dòng)

15、resolversarray ofstring

用于定位和提取包的PluggableResolver列表。

16、shallowCloneHostsarray ofstring(淺復(fù)制主機(jī))

Bower的默認(rèn)行為是不使用淺克隆,因?yàn)橐恍〨it主機(jī)(例如GitHubEnterprise的舊版本)在被要求做一個(gè)淺克?。ㄊ褂?-depth 1)時(shí)無(wú)法提供響應(yīng)。此列表允許將已知支持淺克隆的主機(jī)列入白名單。

17、script

Bower提供3個(gè)獨(dú)立的掛鉤,可用于在Bower使用期間觸發(fā)其他自動(dòng)化工具。重要的是,這些鉤子旨在允許外部工具幫助將新安裝的組件連接到父項(xiàng)目和其他類似的任務(wù)中。這些鉤子不是為組件作者提供安裝后構(gòu)建步驟。因此,這些鉤子的配置在父項(xiàng)目目錄的.bowerrc文件中提供。

18、ignoreDependenciesarray

解析包的時(shí)候bower會(huì)忽略這些依賴


京程一燈,夢(mèng)起的地方,我們始終相信通過(guò)努力,可以改變自己的命運(yùn)。

我們始終相信,通過(guò)堅(jiān)持不懈,可以為大家解決更多的前端技術(shù)問(wèn)題。

我們始終相信,時(shí)間可以證明,我們可以為廣大IT從業(yè)者解決前端學(xué)習(xí)路線。

HTML5,CSS3,Web前端,jquery,java,前端學(xué)習(xí)路線,各類問(wèn)題,我們都可以為你解決。

更多技術(shù)好文,前端問(wèn)題,面試技巧,請(qǐng)關(guān)注京程一燈(原一燈學(xué)堂)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容