Язык программирования C#9 и платформа .NET5

Троелсен Эндрю

https://api.cdnjs.com/libraries?output=human

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

https://api.cdnjs.com/libraries/jquery?output=human

После выбора версии и файлов для установки добавьте имя библиотеки (плюс версию), место назначения (обычно

wwwroot/lib/<ИмяБиблиотеки>

)

и файлы, которые требуется загрузить. Скажем, чтобы загрузить jQuery, введите в массив JSON библиотеки следующий код:

{

"library": "[email protected]",

"destination": "wwwroot/lib/jquery",

"files": [ "jquery.js"]

}

Ниже приведено полное содержимое файла

libman.json

, где указаны все файлы, необходимые для разрабатываемого приложения:

{

"version": "1.0",

"defaultProvider": "cdnjs",

"defaultDestination": "wwwroot/lib",

"libraries": [

{

"library": "[email protected]",

"destination": "wwwroot/lib/jquery",

"files": [ "jquery.js", "jquery.min.js" ]

},

{

"library": "[email protected]",

"destination": "wwwroot/lib/jquery-validation",

"files": [ "jquery.validate.js", "jquery.validate.min.js",

"additional-methods.js",

"additional-methods.min.js" ]

},

{

"library": "[email protected]",

"destination": "wwwroot/lib/jquery-validation-unobtrusive",

"files": [ "jquery.validate.unobtrusive.js",

"jquery.validate.unobtrusive.min.js" ]

},

{

"library": "[email protected]",

"destination": "wwwroot/lib/bootstrap",

"files": [

"css/bootstrap.css",

"js/bootstrap.bundle.js",

"js/bootstrap.js"

]

},

{

"library": "[email protected]",

"destination": "wwwroot/lib/font-awesome/",

"files": [

"js/all.js",

"css/all.css",

"sprites/brands.svg",

"sprites/regular.svg",

"sprites/solid.svg",

"webfonts/fa-brands-400.eot",

"webfonts/fa-brands-400.svg",

"webfonts/fa-brands-400.ttf",

"webfonts/fa-brands-400.woff",

"webfonts/fa-brands-400.woff2",

"webfonts/fa-regular-400.eot",

"webfonts/fa-regular-400.svg",

"webfonts/fa-regular-400.ttf",

"webfonts/fa-regular-400.woff",

"webfonts/fa-regular-400.woff2",

"webfonts/fa-solid-900.eot",

"webfonts/fa-solid-900.svg",

"webfonts/fa-solid-900.ttf",

"webfonts/fa-solid-900.woff",

"webfonts/fa-solid-900.woff2"

]

}

]

}

На

заметку! Вскоре будет объяснена причина отсутствия в списке минифицированных файлов.

После сохранения

libman.json

(в Visual Studio) файлы будут загружены в каталог

wwwroot\lib

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

libman restore

Доступны дополнительные параметры командной строки, которые можно просмотреть с помощью команды

libman -h

.

Обновление ссылок на файлы JavaScript и CSS

С переходом на диспетчер библиотек местоположение многих файлов JavaScript и CSS изменилось. Файлы Bootstrap и jQuery были загружены в каталог

\dist

. Кроме того, в приложение был добавлен набор инструментов для значков и шрифтов Font Awesome.

Местоположение файлов Bootstrap необходимо изменить на

~/lib/boostrap/css

вместо

~/lib/boostrap/dist/css

. Добавьте Font Awesome в конец, прямо перед

site.css

. Модифицируйте файл

_Head.cshtml

, как показано ниже:

<meta charset="utf-8" />

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<title>@ViewData["Title"] - AutoLot.Mvc</title>

<environment include="Development">

<link rel="stylesheet" href="#"

asp-append-

version="true"/>

</environment>