CSS игнорируется при развертывании проекта MVC5 в Azure

Я разработал веб-сайт на MVC5 и развернул его на веб-сайтах Azure. Сайт работает должным образом, но при переходе на веб-сайт, размещенный в Azure, сайт игнорирует изменения, которые я внес в файл bootstrap.css по умолчанию. Этот файл настроен как «Всегда копировать» в выходной каталог, поэтому он присутствует в Azure вместе с остальным кодом.

При обновлении браузера сайт отображается не так, как должен. Не помогает и перезапуск веб-сайта Azure. Ниже мой код:

Мастер-сайта

<head runat="server">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />       
<title>Title</title>

<asp:PlaceHolder runat="server">
    <%: Scripts.Render("~/bundles/modernizr") %>
</asp:PlaceHolder>
<webopt:bundlereference runat="server" path="~/Content/css" />        
<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />

</head>
<body>
*Rest of default Site.Master file*

Bundle.config

<bundles version="1.0">
    <styleBundle path="~/Content/css">
        <include path="~/Content/bootstrap.css" />
        <include path="~/Content/Site.css" />
    </styleBundle>
</bundles>

azure azure-web-app-service
person Luis Delgado    schedule 26.12.2013    source источник
comment
Как упоминалось в моем другом ответе здесь: stackoverflow.com/questions/19664287/, скорее всего, это имя пакета, который вызывает проблему. Попробуйте изменить имя пакета с ~/Content/css на другое, например ~/Content/bootstrapcss, и посмотрите, решит ли это проблему.   -  person Gaurav Mantri    schedule 27.12.2013
comment
@GauravMantri изменение имени не решило проблему, но спасибо за предложение.   -  person Luis Delgado    schedule 27.12.2013

Ответы (2)


arrow_upward
2
arrow_downward

Найден обходной путь

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

В Site.Master замените эту строку:

   <webopt:bundlereference runat="server" path="~/Content/css" />

с этими:

<link href="~/Content/bootstrap.css" rel="stylesheet" type="text/css" runat="server" />
<link href="~/Content/Site.css" rel="stylesheet" type="text/css" runat="server" />
person Luis Delgado    schedule 27.12.2013
comment
Этот ответ противоречит цели объединения и устраняет все преимущества, которые дает объединение. Проверьте ответ веб-сайта с помощью Fiddler 2 (telerik.com/fiddler) и проверьте, получаете ли вы 403 (что указывает на то, что папка конфликтует с именем вашего пакета). - person Gone Coding; 07.04.2014

arrow_upward
1
arrow_downward

Если вы изменили bootstrap.css, вам также необходимо обновить уменьшенную версию bootstrap.min.css.

Это легко сделать на странице cssminifier.com.

Подробнее о том, как обновить уменьшенную версию, см. в этом вопрос

person tzup    schedule 30.09.2015
comment
Нет, это не сработало. Visual Studio даже не удосуживается отформатировать его таким же образом. Он автоматически форматирует длинную версию. Я тоже только что пробовал менять настройки вручную, нада. Без изменений. Все, что я делаю, это меняю цвет btn-default. - person Nathan McKaskle; 25.07.2017