CSS не рендерит - PullRequest
       3

CSS не рендерит

0 голосов
/ 20 апреля 2019

Когда я делаю изменения в файле css, результат не появляется, когда я запускаю приложение (я пытался очистить / пересобрать решение, но та же проблема).

BundleConfig:

...
bundles.Add(new StyleBundle("~/Content/css").Include(
             "~/Content/Index.css",
             "~/Content/Layout.css",
             "~/Content/Login.css"
             ));

Index.cshtml:

@{
  ViewBag.Title = "Index";
  Layout = "../Shared/_Layout.cshtml";
 }
<head>
    <link href="@Url.Content("~/Content/Index.css")" rel="stylesheet" type="text/css" />
</head>

Когда я проверяю с помощью хромированного инструмента:

enter image description here

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

1 Ответ

1 голос
/ 21 апреля 2019

Если вы не хотите, чтобы браузер использовал кэшированную версию вашего CSS-файла, распространенным решением является добавление строки запроса в конец URL-адреса файла в HTML-коде.Это метод очистки кэша, который полезен для разработки / тестирования, когда вы вносите множество изменений в статические файлы CSS или JS.

Вот несколько быстрых способов добиться этого:

  1. Вручную добавьте строку запроса в конец URL-адреса, и всякий раз, когда вы хотите, чтобы браузер запросил новую версию CSS-файла, просто измените значение:

<link href="@(Url.Content("~/Content/Index.css") + "?v=1")" rel="stylesheet" type="text/css" />
Динамически добавлять уникальную строку запроса.Это полезно, если вы хотите, чтобы браузер каждый раз запрашивал новую копию файла CSS:

<link href="@(<Url.Content("~/Content/Index.css") + DateTime.Now().ToString(yyyyMMddHHmmss))" rel="stylesheet" type="text/css" />
Если вы используете ASP.NET Core, используйте tag helper , который автоматически добавит новый номер версии только при наличии изменений в файле.Вы просто добавляете простой атрибут:

<link href="@Url.Content("~/Content/Index.css")" rel="stylesheet" type="text/css" asp-append-version="true" />
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...