ASP.NET Cores hantering av klientbibliotek LibMan

Miljö

Visuell studio

• Visual Studio 2019

ASP.NET kärna

• 3.1

Hantering av klientbibliotek

När du skapar ett nytt ASP.NET Core-projektet innehåller mappen wwwroot/lib klientbibliotek som bootstrap och jquery. Om du inte använder klientbiblioteket är det fortfarande ett problem. I allmänhet lägger du ofta till nya bibliotek eller uppgraderar befintliga bibliotek som jquery.

Om du använder ett bibliotek på en annan server på Internet, till exempel ett CDN, behöver du inte vara medveten om det. Om du vill använda biblioteket på servern måste du hämta biblioteket manuellt och placera det i den här lib-mappen.

Men när biblioteken ökar och tiden går blir hanteringen besvärlig, till exempel "Vilken version är den aktuella versionen?", "Finns det en nödvändig fil ordentligt?", "Jag måste hitta en ny version igen".

Så ASP.NET Core kan du hantera biblioteken för dessa klienter i bulk med en bibliotekshanteringsfunktion som heter LibMan.

Vi presenterar LibMan

Högerklicka på projektet i Solution Explorer och välj Hantera bibliotek på klientsidan.

Detta lägger till en fil som heter libman.json.

Innehållet i filen visas i figuren. Du kan redigera den direkt, men den anges inte ofta direkt eftersom den redigeras utan tillstånd efter skärmåtgärd. För tillfället är detta den enda introduktionen.

Lägga till klientbibliotek

Högerklicka på projektet och lägg → ett nytt bibliotek på klientsidan.

Välj en provider och ange namnet på det bibliotek som du vill introducera i biblioteket. Du kan söka efter partiell matchning, så att du bara kan ange namnet som är nyckeln.

Om du till exempel skriver jquery visas följande förslag:

Tryck på retur eller välj en kandidat just nu. Den senaste versionen väljs sedan automatiskt.

Förresten, om det inte finns några kandidater kanske den valda leverantören inte hanteras, så försök att välja en annan leverantör.

Målplatsen är enklare att hantera baserat på standardinställningen "wwwroot/lib/", så att du kan lämna den som den är.

När du har angett biblioteket klickar du på installationsknappen.

Om du ser en dialogruta som liknar följande kanske den inte finns i providern eller anger en version osv.

Innehållet i libman.json läggs sedan till enligt följande:

När ett bibliotek är registrerat på libman.json laddas det automatiskt ner till wwwroot/lib (vilket kan ta lite tid). Men eftersom jquery finns i lib-mappen från början kanske den inte är uppdaterad (det kan vara). I det här fallet tar du bort det befintliga jquery och uppdaterar sedan libman enligt följande (du behöver inte göra något om det är uppdaterat).

Du kan ta bort alla befintliga bibliotek om du hanterar dem i libman.

Högerklicka på libman.json och välj Återställ bibliotek på klientsidan.

Biblioteket hämtas automatiskt.

Prova att introducera ett nytt bibliotek.js "brödrost".

Det introducerades utan att behöva ladda ner det manuellt.

Så här använder du biblioteket

Du använder vanligtvis bara länk- och skripttaggar för att ange lämplig sökväg.

<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>

Ändringar och uppdateringar av biblioteksversioner

Öppna libman.json.

Om du raderar versionen av målbiblioteket ser du förslag, så allt du behöver göra är att välja den version du vill ha. Spara filen när du gör ändringar.

Biblioteket uppdateras automatiskt, men om det inte uppdateras högerklickar du på libman.json och väljer Återställ bibliotek på klientsidan.