Gestió de biblioteques client de ASP.NET Core LibMan

Data de creació de la pàgina :

Medi ambient

Estudi Visual
  • Estudi Visual 2019
Nucli ASP.NET
  • 3.1

Gestió de biblioteques client

Quan creeu un nou projecte ASP.NET Core, la carpeta wwwroot/lib conté biblioteques client, com ara bootstrap i jquery. Si no utilitzeu la biblioteca client, encara és un problema. En general, sovint afegireu biblioteques noves o actualitzareu les biblioteques existents, com ara jquery.

Si utilitzeu una biblioteca en un altre servidor d'Internet, com ara un CDN, no n'heu de ser conscients. Si voleu utilitzar la biblioteca al servidor, heu de baixar manualment la biblioteca i col·locar-la en aquesta carpeta de lib.

No obstant això, a mesura que les biblioteques augmenten i passa el temps, la gestió es torna problemàtica, com ara "Quina versió és la versió actual?", "Hi ha un fitxer necessari correctament?", "He de tornar a trobar una nova versió".

Per tant, ASP.NET Core us permet gestionar les biblioteques d'aquests clients de forma massiva amb una característica de gestió de biblioteques anomenada LibMan.

Presentem LibMan

Des de l'Explorador de solucions, feu clic amb el botó dret del ratolí al projecte i seleccioneu Administra les biblioteques del costat del client.

Això afegirà un fitxer anomenat libman.json.

El contingut del fitxer es mostra a la figura. Podeu editar-lo directament, però sovint no s'introdueix directament perquè s'edita sense permís per operació de pantalla. De moment, aquesta és l'única introducció.

Afegeix biblioteques de clients

Feu clic amb el botó dret del ratolí al projecte i → afegir una biblioteca nova al costat del client.

Seleccioneu un proveïdor i introduïu el nom de la biblioteca que voleu introduir a la biblioteca. Podeu cercar per coincidència parcial, de manera que només podeu introduir el nom que és la clau.

Per exemple, si escriviu jquery, es mostraran els suggeriments següents:

Premeu Retorn o seleccioneu un candidat en aquest moment. La versió més recent se selecciona automàticament.

Per cert, si no hi ha candidats, pot ser que el proveïdor seleccionat no es gestioni, de manera que proveu de triar un altre proveïdor.

La ubicació de destinació és més fàcil de gestionar en funció de la configuració predeterminada de "wwwroot/lib/", de manera que podeu deixar-la tal com està.

Després d'entrar a la biblioteca, feu clic al botó d'instal·lació.

Si veieu un diàleg similar al següent, pot ser que no existeixi al proveïdor o especifiqueu una versió, etc.

El contingut de libman.json s'afegeix de la següent manera:

Quan una biblioteca està registrada a libman.json, es descarrega automàticament a wwwroot/lib (que pot trigar una estona). No obstant això, com que jquery es troba a la carpeta lib des del principi, pot ser que no estigui actualitzat (pot ser). En aquest cas, elimineu el jquery existent i, a continuació, actualitzeu el libman de la manera següent (no haureu de fer res si està actualitzat).

Podeu suprimir totes les biblioteques existents si les administreu en libman.

Feu clic amb el botó dret a libman.json i seleccioneu Restaura la biblioteca del costat del client.

La biblioteca es baixa automàticament.

Intenta introduir una nova biblioteca.js "torradora".

Es va introduir sense haver de descarregar-lo manualment.

Com utilitzar la biblioteca

Normalment només utilitzeu etiquetes d'enllaç i scripts per especificar el camí adequat.

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

Canvis i actualitzacions de la versió de la biblioteca

Obre libman.json.

Si esborreu la versió de la biblioteca de destinació, veureu suggeriments, de manera que tot el que heu de fer és seleccionar la versió que vulgueu. Deseu el fitxer quan feu canvis.

La biblioteca s'actualitza automàticament, però si no s'actualitza, feu clic amb el botó dret del ratolí a libman.json i seleccioneu Restaura la biblioteca del client.