ASP.NET Core's clientbibliotheekbeheer LibMan

Milieu

Visuele studio

• Visuele Studio 2019

ASP.NET Kern

• 3.1

Beheer van clientbibliotheek

Wanneer u een nieuw ASP.NET Core-project maakt, bevat de map wwwroot/lib clientbibliotheken zoals bootstrap en jquery. Als u de clientbibliotheek niet gebruikt, is dit nog steeds een probleem. Over het algemeen voegt u vaak nieuwe bibliotheken toe of upgradet u bestaande bibliotheken zoals jquery.

Als u een bibliotheek op een andere server op internet gebruikt, zoals een CDN, hoeft u zich er niet van bewust te zijn. Als u de bibliotheek op uw server wilt gebruiken, moet u de bibliotheek handmatig downloaden en in deze lib-map plaatsen.

Naarmate bibliotheken echter toenemen en de tijd verstrijkt, wordt het beheer lastig, zoals "Welke versie is de huidige versie?", "Is er een noodzakelijk bestand goed?", "Ik moet opnieuw een nieuwe versie vinden".

Met ASP.NET Core kunt u de bibliotheken van deze clients dus in bulk beheren met een bibliotheekbeheerfunctie genaamd LibMan.

Maak kennis met LibMan

Klik in Solution Explorer met de rechtermuisknop op het project en selecteer Bibliotheken aan de clientzijde beheren.

Hiermee wordt een bestand toegevoegd met de naam libman.json.

De inhoud van het bestand wordt weergegeven in de afbeelding. U kunt het direct bewerken, maar het wordt niet vaak rechtstreeks ingevoerd omdat het zonder toestemming wordt bewerkt door schermbewerking. Voor nu is dit de enige introductie.

Clientbibliotheken toevoegen

Klik met de rechtermuisknop op het project en → een nieuwe bibliotheek aan de clientzijde toe te voegen.

Selecteer een provider en voer de naam in van de bibliotheek die u in de bibliotheek wilt introduceren. U kunt zoeken op gedeeltelijke overeenkomst, zodat u alleen de naam kunt invoeren die de sleutel is.

Als u bijvoorbeeld jquery typt, worden de volgende suggesties weergegeven:

Druk op enter of selecteer op dit moment een kandidaat. De nieuwste versie wordt dan automatisch geselecteerd.

Trouwens, als er geen kandidaten zijn, wordt de geselecteerde provider mogelijk niet beheerd, dus probeer een andere provider te kiezen.

De doellocatie is gemakkelijker te beheren op basis van de standaardinstelling "wwwroot/lib/", zodat u deze kunt laten zoals hij is.

Nadat u de bibliotheek hebt betreden, klikt u op de knop Installeren.

Als u een dialoogvenster ziet dat vergelijkbaar is met het volgende, bestaat het mogelijk niet in de provider of geeft u een versie op, enz.

De inhoud van libman.json wordt vervolgens als volgt toegevoegd:

Wanneer een bibliotheek is geregistreerd in libman.json, wordt deze automatisch gedownload naar wwwroot/lib (wat enige tijd kan duren). Aangezien jquery zich echter vanaf het begin in de lib-map bevindt, is deze mogelijk niet up-to-date (dit kan zijn). Verwijder in dit geval de bestaande jquery en werk libman vervolgens als volgt bij (u hoeft niets te doen als het up-to-date is).

U kunt alle bestaande bibliotheken verwijderen als u ze beheert in libman.

Klik met de rechtermuisknop op libman.json en selecteer Bibliotheek aan de clientzijde herstellen.

De bibliotheek wordt automatisch gedownload.

Probeer een nieuwe bibliotheek te introduceren.js "broodrooster".

Het werd geïntroduceerd zonder het handmatig te hoeven downloaden.

De bibliotheek gebruiken

Meestal gebruikt u alleen koppelings- en scripttags om het juiste pad op te geven.

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

Wijzigingen en updates van bibliotheekversies

Open libman.json.

Als u de versie van de doelbibliotheek wist, ziet u suggesties, dus het enige dat u hoeft te doen, is de gewenste versie selecteren. Sla het bestand op wanneer u wijzigingen aanbrengt.

De bibliotheek wordt automatisch bijgewerkt, maar als deze niet wordt bijgewerkt, klikt u met de rechtermuisknop op libman.json en selecteert u bibliotheek aan de client zijde herstellen.