ASP.NET управления библиотекой LibMan компании «Ядров»

Дата создания страницы :

окружающая среда

Визуальная студия
  • Визуальная студия 2019
ASP.NET ядро
  • 3.1

Управление библиотекой клиентов

При создании нового проекта ASP.NET Core папка wwwroot/lib содержит клиентские библиотеки, такие как bootstrap и jquery. Если вы не используете библиотеку клиентов, это все еще проблема. Как правило, часто добавляются новые библиотеки или модернизируются существующие библиотеки, такие как jquery.

Если вы используете библиотеку на другом сервере в Интернете, например CDN, вам не нужно об этом знать. Если вы хотите использовать библиотеку на сервере, вы должны вручную загрузить библиотеку и поместить ее в эту папку lib.

Однако по мере увеличения библиотек и времени управление становится хлопотным, например: "Какая версия является текущей версией?", "Есть ли необходимый файл должным образом?", "Я должен найти новую версию снова".

Так ASP.NET Core позволяет управлять библиотеками этих клиентов оптом с функцией управления библиотекой под названием LibMan.

Представляем LibMan

Из Solution Explorer справа щелкните по проекту и выберите библиотеки с клиентской стороны Manage.

Это добавит файл под названием libman.json.

Содержимое файла отображается на рисунке. Вы можете редактировать его напрямую, но он не часто вошел непосредственно, потому что он редактируется без разрешения на операции экрана. На данный момент, это единственное введение.

Добавление библиотек клиентов

Нажмите на проект и → добавить новую библиотеку на стороне клиента.

Выберите поставщика и введите название библиотеки, которое вы хотите ввести в библиотеку. Вы можете искать по частичному матчу, так что вы можете ввести только имя, которое является ключом.

Например, при вверже jquery отображаются следующие предложения:

Нажмите введите или выберите кандидата в это время. Последняя версия затем автоматически выбирается.

Кстати, если нет кандидатов, выбранный провайдер может не управляться, поэтому попробуйте выбрать другого поставщика.

Целевое местоположение легче управлять на основе параметра по умолчанию "wwwroot/lib/", так что вы можете оставить его как есть.

После входа в библиотеку нажмите кнопку установки.

Если вы видите диалог, похожий на следующий, он может не существовать в провайдере или указывать версию и т.д.

Содержимое libman.json затем добавляется следующим образом:

Когда библиотека зарегистрирована на libman.json, она автоматически загружается на wwwroot/lib (что может занять некоторое время). Однако, так как jquery находится в папке lib с самого начала, он не может быть в курсе (это может быть). В этом случае удалите существующий jquery, а затем обновите libman следующим образом (вы не должны ничего делать, если он обновлен).

Вы можете удалить все существующие библиотеки, если вы управляете ими в libman.

Право нажмите libman.json и выберите Восстановление клиентской библиотеки.

Библиотека загружается автоматически.

Попробуйте представить новую библиотеку.js "тостер".

Он был введен без необходимости загружать его вручную.

Как пользоваться библиотекой

Обычно вы просто используете ссылку и теги скриптов, чтобы указать соответствующий путь.

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

Изменения и обновления библиотечной версии

Открыть libman.json.

Если вы стереть версию целевой библиотеки, вы увидите предложения, так что все, что вам нужно сделать, это выбрать версию, которую вы хотите. Сохраните файл при внесении изменений.

Библиотека обновляется автоматически, но если она не обновляется, нажмите кнопку "справа" libman.json и выберите библиотеку для клиентов Restore.