Язык программирования 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
:
Поделиться с друзьями: