目前,模組化結構已經成為web開發的主流形式,製作**的主要工作也不再是編寫各種功能,寫各種頁面,而是如何將各種不同的模組組合在一起,來完成整個web的功能
browser本身不具有模組管理機制,傳統的web開發中,為了進行模組化結構,不得不加 一大堆script標籤來依照先後順序來載入,這就造成了網頁整體繁雜,難以維護,還產生了大量http請求。為了應對傳統方式的不足,也就出現了前端模組管理器,來輕鬆管理js指令碼的依賴關係,自動載入模組,使得網頁結構清晰。
前端模組管理器的方式在以後的前端所有專案中都應該使用,這種開發方式已經成為主趨勢。
最早的前端模組管理器,採用amd格式,非同步載入各種模組。require.js的問題在於各種引數設定過於繁瑣,不容易學習,很難完全掌握。而且,實際應用中,往往還需要在伺服器端,將所有模組合併後,再統一載入,因此多出了很多任務作量
主要作用:為模組的安裝,公升級和刪除提供一種統一的、可維護的管理模式需要使用nodejs來來安裝:
npm install -g bower
# 模組名稱
bower install jquery
# github的使用者名稱/專案名
bower isntall jquery/jquery
# 模組**
bower install
# git**倉庫位址
bower install git:
src="bower_componets/jquery/dist/jquery.min.js">
script>
更新模組,bower update
# 如果不給出模組的名字,則更新所有的模組
bower update jquery
解除安裝模組,bower uninstall
bower uninstall jquery
前端模組管理器簡介
npm node packaged modules 是node.js的模組依賴管理工具。安裝node.js後會自動安裝上npm工具。npm命令執行時會讀取和解釋當前目錄下的package.json檔案,這個檔案可以定義name description version devdependencies等...
Bower前端模組管理器
cnpm install bower g 安裝bower bower install jquery bower會自動去網上找到最新版本的jquerybower還會幫我們去檢查版本之間的相容性。這個工具一般小型的專案中不會用到,因為總共就是那麼十幾個js檔案,用到它反而需要很多的配置檔案,所以,大型的...
Bower前端包管理器
bower需要git 支援 npm install g bower 全域性安裝該模組 bower help 可以檢視命令 bower list 檢視列表 bower uninstall jquery 刪除該庫 bower install jquery 1.7.2 安裝不同版本 bower updat...