Чтение онлайн

ЖАНРЫ

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

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

"files": [

"css/bootstrap.css",

"js/bootstrap.bundle.js",

"js/bootstrap.js"

]

},

{

"library": "font-awesome@5.15.1",

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

<environment exclude="Development">

<link rel="stylesheet" href="#"text_code">bootstrap.min.css"

asp-fallback-href="#"

asp-fallback-test-class="sr-only"

asp-fallback-test-property="position"

asp-fallback-
test-value="absolute"

crossorigin="anonymous"

integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/

iJTQUOhcWr7x9JvoRxT2MZw1T"/>

</environment>

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

asp-append-version="true"/>

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

asp-append-version="true"/>

Далее

модифицируйте файл
JavaScriptFiles.cshtml
, удалив
\dist
из местоположений jQuery и Bootstrap:

<environment include="Development">

<script src="~/lib/jquery/jquery.js" asp-append-version="true"></script>

<script src="~/lib/bootstrap/js/bootstrap.bundle.js"

asp-append-version="true">
</script>

</environment>

<environment exclude="Development">

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"

asp-fallback-src="~/lib/jquery/jquery.min.js"

asp-fallback-test="window.jQuery"

crossorigin="anonymous"

integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=">

</script>

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/

bootstrap.bundle.min.js"

asp-fallback-src="~/lib/bootstrap/js/bootstrap.bundle.min.js"

asp-fallback-test="window.jQuery && window.jQuery.fn && window.jQuery.fn.modal"

crossorigin="anonymous"

integrity="sha384-xrRywqdh3PHs8keKZN+8zzc5TX0GRTLCcmivcbNJWm2rs5C

8PRhcEn3czEjhAO9o">

</script>

</environment>

<script src="~/js/site.js" asp-append-version="true"></script>

Финальное изменение связано с обновлением местоположений

jquery.validate
в частичном представлении
_ValidationScriptsPartial.cshtml
:

Поделиться с друзьями: