前端模組管理器

2021-07-09 17:38:57 字數 1213 閱讀 7715

目前,模組化結構已經成為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...