Visual Studio Client Side Library Manager LibMan (Compare with Nuget)

2021-05-15

筆記如何使用 Visual Studio 的 LibMan 來做第三方元件的管理。

logo

說明

使用 Visual Studio 可以使用 Nuget 來做到管理第三方元件的功能,同時也可以開發組織共用的套件於 Nuget,供團隊內部使用。然而 Nuget 有個缺點就是有些套件的更新程度較不頻繁,無法下載到最新版本,很不方便。

而原生的 LibMan 就是這個問題的解決救星。

Client Side Library Manager, LibMan

LibMan 又稱為「用戶端程式庫管理」,可以從大型 CDN 網站,如 cdnjs, unpkg, jsdelivr 將第三方元件下載回專案,並且藉由 libman.json 的設定,可以指定要僅下載專案中的特定檔案、對應到的專案路徑,並且可以控制取回的專案版本,非常方便。

同時來源也可以是 filesystem,所以要與 npm , yarn 等其他程式庫管理工具合作也可以。

從專案中啟用 LibMan

從 CDN 中尋找專案與檔案

取回的專案與 LibMan.json

LibMan.json 的結構格式

注意事項

destination 可以自行設定對應的專案資料夾路徑,但由於是自行輸入所以可以突破資料夾命名格式的限定。例如將 destination 設定為 ../lib/popper.js 不會將資料夾回到上層,而是會產生一個名為 「..」的資料夾,這個時候如果又從專案的刪除此資料夾,所有的檔案內容都會不見,要特別小心。

By 為了將 popper.js 移出 umd 而讓整個專案都消失的朋友 🤣

參考資料

Use LibMan with ASP.NET Core in Visual Studio

相關連結

ASP.NET MVC 從無到有打造一個應用系統

Visual Studio 入門教學