筆記 - ASP.NET Core 使用 LibMan CLI

用 libman 來管理需要的前端程式庫

libman 是甚麼?

程式庫管理員 (LibMan) 是輕量型的用戶端程式庫取得工具。 LibMan 會從檔案系統或內容傳遞網路 (CDN)下載熱門的程式庫和架構。 支援的 Cdn 包括 CDNJS、 jsDelivr和 unpkg。 所選程式庫檔會擷取並放置在 ASP.NET Core 專案中的適當位置。

source: https://docs.microsoft.com/zh-tw/aspnet/core/client-side/libman/?view=aspnetcore-3.1

環境準備

  • .NET Core 2.1 SDK 以上

安裝指令

dotnet tool install -g Microsoft.Web.LibraryManager.Cli

使用指令來確認是否安裝成功

libman --version

使用指令來建立 libman.json

libman init

預設就直接用 cdnjs 即可 (直接按下 Enter)

會看到目前的資料夾出現 libman.json,內容為

{
  "version": "1.0",
  "defaultProvider": "cdnjs",
  "libraries": []
}

以安裝 jquery 為例

使用以下 libman 指令來安裝 jquery 到指定資料夾中

libman install jquery@3.2.1 --provider cdnjs --destination wwwroot/scripts/jquery --files jquery.min.js

安裝完成後 libman.json 的內容會如下

{
  "version": "1.0",
  "defaultProvider": "cdnjs",
  "libraries": [
    {
      "library": "jquery@3.2.1",
      "destination": "wwwroot/scripts/jquery",
      "files": [
        "jquery.min.js"
      ]
    }
  ]
}

之後只要根據這一個 libman.json 即可使用以下指令來重新還原專案需要的檔案

libman restore