ASP.NET Core de gestionare a bibliotecii client LibMan

Mediu

Studio vizual

• Studio vizual 2019

ASP.NET Core

• 3.1

Gestionarea bibliotecii clientului

Atunci când creați un nou proiect ASP.NET Core, folderul wwwroot/lib conține biblioteci client, ar fi bootstrap și jquery. Dacă nu utilizați biblioteca client, este încă o problemă. În general, veți adăuga adesea biblioteci noi sau veți face upgrade bibliotecilor existente, ar fi jquery.

Dacă utilizați o bibliotecă pe alt server de pe Internet, ar fi un CDN, nu trebuie să fiți conștienți de acest lucru. Dacă doriți să utilizați biblioteca pe server, trebuie să descărcați manual biblioteca și să o plasați în acest folder lib.

Cu toate acestea, pe măsură ce bibliotecile cresc și timpul trece, managementul devine supărător, ar fi Care versiune este versiunea curentă?, Există un fișier necesar în mod corespunzător?, Trebuie să găsesc din nou o nouă versiune.

Așadar, ASP.NET Core vă permite să gestionați bibliotecile acestor clienți în bloc cu o caracteristică de gestionare a bibliotecii numită LibMan.

Vă prezentăm LibMan

Din Exploratorul de soluții, faceți clic cu dreapta pe proiect și selectați Gestionare biblioteci pe partea client.

Acest lucru va adăuga un fișier numit libman.json.

Conținutul fișierului este afișat în figură. Îl puteți edita direct, dar nu este adesea introdus direct, deoarece este editat fără permisiune prin operarea ecranului. Pentru moment, aceasta este singura introducere.

Adăugarea bibliotecilor client

Faceți clic cu dreapta pe proiect și → adăugați o bibliotecă nouă pe partea client.

Selectați un furnizor și introduceți numele bibliotecii pe care doriți să o introduceți în bibliotecă. Aveți posibilitatea să căutați după potrivire parțială, astfel încât să introduceți numai numele care este cheia.

De exemplu, dacă tastați jquery, se afișează următoarele sugestii:

Apăsați enter sau selectați un candidat în acest moment. Cea mai recentă versiune este apoi selectată automat.

Apropo, dacă nu există candidați, este posibil ca furnizorul selectat să nu fie gestionat, așa că încercați să alegeți un alt furnizor.

Locația țintă este mai ușor de gestionat pe baza setării implicite a wwwroot/ lib /, astfel încât să o puteți lăsa așa este.

După ce intrați în bibliotecă, faceți clic pe butonul de instalare.

Dacă vedeți un dialog similar cu următorul, este posibil să nu existe în furnizor sau să specificați o versiune etc.

Conținutul libman.json se adaugă apoi după urmează:

Când o bibliotecă este înregistrată în libman.json, aceasta este descărcată automat pe wwwroot/lib (ceea ce poate dura ceva timp). Cu toate acestea, deoarece jquery este în folderul lib de la început, este posibil să nu fie actualizat (poate fi). În acest caz, ștergeți jquery existente și apoi actualizați libman după urmează (nu trebuie să faceți nimic dacă este actualizat).

Puteți șterge toate bibliotecile existente dacă le gestionați în libman.

Faceți clic dreapta pe libman.json și selectați Restaurare bibliotecă pe partea client.

Biblioteca este descărcată automat.

Încercați să introduceți o bibliotecă nouă.js "prăjitor de pâine".

A fost introdus fără a fi nevoie să-l descărcați manual.

se utilizează biblioteca

De obicei, utilizați doar link-ul și tag-uri script-ul pentru a specifica calea corespunzătoare.

<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="~/lib/toastr.js/toastr.css" />

<!-- 省略 -->

<script src="~/lib/popper.js/umd/popper.min.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="~/lib/toastr.js/toastr.min.js"></script>

Modificări și actualizări ale versiunii bibliotecii

Deschide libman.json.

Dacă ștergeți versiunea bibliotecii țintă, veți vedea sugestii, deci tot ce trebuie să faceți este să selectați versiunea dorită. Salvați fișierul atunci când efectuați modificări.

Biblioteca este actualizată automat, dar dacă nu este actualizată, faceți clic dreapta pe libman.json și selectați Restaurare bibliotecă pe partea client.